mirror of
https://github.com/romancm/gamebrary
synced 2024-11-14 15:37:08 +00:00
more responsive improvements
This commit is contained in:
parent
37e5964f28
commit
7b7dd307e3
2 changed files with 5 additions and 4 deletions
|
@ -66,7 +66,7 @@ export default {
|
|||
|
||||
<style lang="scss" rel="stylesheet/scss" scoped>
|
||||
// TODO: allow to toggle expanded width (remove width from mini-board)
|
||||
$boardHeight: 180px;
|
||||
$boardHeight: 200px;
|
||||
|
||||
.mini-board {
|
||||
background-repeat: no-repeat;
|
||||
|
@ -76,7 +76,8 @@ $boardHeight: 180px;
|
|||
|
||||
@media(max-width: 1024px) { width: 320px; }
|
||||
@media(max-width: 768px) { width: 360px; }
|
||||
@media(max-width: 480px) { width: calc(100% - 8px); }
|
||||
@media(max-width: 500px) { width: 222px; }
|
||||
@media(max-width: 320px) { width: calc(100% - 8px); }
|
||||
}
|
||||
|
||||
.lists {
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<template lang="html">
|
||||
<b-container fluid v-if="user">
|
||||
<div v-if="user" class="ml-3">
|
||||
<page-title
|
||||
title="Boards"
|
||||
action-text="Create board"
|
||||
|
@ -7,7 +7,7 @@
|
|||
/>
|
||||
|
||||
<boards />
|
||||
</b-container>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
|
Loading…
Reference in a new issue