This commit is contained in:
syuilo 2018-10-15 06:03:15 +09:00
parent 116faf26e6
commit 23045369aa
No known key found for this signature in database
GPG key ID: BDC4C49D06AB9D69
2 changed files with 25 additions and 21 deletions

View file

@ -38,7 +38,7 @@
</div>
</div>
</div>
<div class="main">
<div class="main" :class="{ side: widgets.left.length == 0 || widgets.right.length == 0 }">
<template v-if="customize">
<x-draggable v-for="place in ['left', 'right']"
:list="widgets[place]"
@ -359,12 +359,10 @@ export default Vue.extend({
box-shadow var(--shadow)
border-radius var(--round)
@media (max-width 700px)
padding 0
> .tl
border none
border-radius 0
&.side
> .main
width calc(100% - 280px)
max-width 680px
> *:not(.main)
width 280px
@ -381,12 +379,22 @@ export default Vue.extend({
padding-right 16px
order 3
@media (max-width 1100px)
&.side
@media (max-width 1000px)
> *:not(.main)
display none
> .main
width 100%
max-width 700px
margin 0 auto
&:not(.side)
@media (max-width 1200px)
> *:not(.main)
display none
> .main
float none
width 100%
max-width 700px
margin 0 auto

View file

@ -96,14 +96,10 @@ export default Vue.extend({
background-attachment fixed
opacity 0.3
> .header
@media (max-width 1000px)
display none
> .content.sidebar.left
padding-left 64px
padding-left 68px
> .content.sidebar.right
padding-right 64px
padding-right 68px
</style>