This commit is contained in:
syuilo 2023-05-26 13:30:26 +09:00
parent 6cc86272f3
commit fd03e2e1a7

View File

@ -4,7 +4,7 @@
<div :class="$style.main">
<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
v-for="ids in layout"
@ -310,11 +310,11 @@ async function deleteProfile() {
&.center {
> .section:first-of-type {
margin-left: auto;
margin-left: auto !important;
}
> .section:last-of-type {
margin-right: auto;
margin-right: auto !important;
}
}