Mirrors/gamebrary
2
0
Fork 0
mirror of https://github.com/romancm/gamebrary synced 2024-11-14 23:47:08 +00:00
Code Issues Projects Releases Packages Wiki Activity

Gameboard adjustments

Browse source
This commit is contained in:
Roman Cervantes 2018-10-26 22:31:06 -07:00
parent ace7188ab3
commit 4a09f34db9
1 changed files with 23 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
src/pages/GameBoard/GameBoard.vue
View file

@ -7,7 +7,6 @@
:class="{ nightMode, 'drag-scroll-active': dragScrollActive }"
v-dragscroll:nochilddrag
>
<list
:name="list.name"
:games="list.games"
@ -183,21 +182,37 @@ export default {
<style lang="scss" rel="stylesheet/scss" scoped>
@import "~styles/styles.scss";
@import "~styles/game-board.scss";
.draggable * {
color: $color-white;
}
.nightMode {
background: #333 !important;
.lists {
display: flex;
align-items: flex-start;
height: calc(100vh - 48px);
padding: $gp;
box-sizing: border-box;
background: $color-gray;
overflow-x: auto;
overflow-x: overlay;
display: flex;
@include drag-cursor;
.games {
background: $color-dark-gray;
&.drag-scroll-active {
@include dragging-cursor;
}
.list-header {
box-shadow: 0 0 5px 5px $color-dark-gray;
&.empty {
background: $color-white;
}
}
.list-placeholder {
opacity: 0.25;
}
.card-placeholder {
opacity: 0.25;
}
</style>