more responsive improvements

This commit is contained in:
Gamebrary 2021-07-27 16:37:33 -07:00
parent 37e5964f28
commit 7b7dd307e3
2 changed files with 5 additions and 4 deletions

View file

@ -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 {

View file

@ -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>