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

View file

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