🎨
This commit is contained in:
parent
6cc86272f3
commit
fd03e2e1a7
1 changed files with 3 additions and 3 deletions
|
@ -4,7 +4,7 @@
|
||||||
|
|
||||||
<div :class="$style.main">
|
<div :class="$style.main">
|
||||||
<XStatusBars/>
|
<XStatusBars/>
|
||||||
<div ref="columnsEl" :class="[$style.sections, deckStore.reactiveState.columnAlign.value, { [$style.snapScroll]: snapScroll }]" @contextmenu.self.prevent="onContextmenu">
|
<div ref="columnsEl" :class="[$style.sections, { [$style.center]: deckStore.reactiveState.columnAlign.value === 'center', [$style.snapScroll]: snapScroll }]" @contextmenu.self.prevent="onContextmenu">
|
||||||
<!-- sectionを利用しているのは、deck.vue側でcolumnに対してfirst-of-typeを効かせるため -->
|
<!-- sectionを利用しているのは、deck.vue側でcolumnに対してfirst-of-typeを効かせるため -->
|
||||||
<section
|
<section
|
||||||
v-for="ids in layout"
|
v-for="ids in layout"
|
||||||
|
@ -310,11 +310,11 @@ async function deleteProfile() {
|
||||||
|
|
||||||
&.center {
|
&.center {
|
||||||
> .section:first-of-type {
|
> .section:first-of-type {
|
||||||
margin-left: auto;
|
margin-left: auto !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .section:last-of-type {
|
> .section:last-of-type {
|
||||||
margin-right: auto;
|
margin-right: auto !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue