diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-10 16:27:38 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-10 16:27:38 +0900 |
| commit | cd6b1290cb02f15e0e006210d86992b69d760ecb (patch) | |
| tree | d0c39f98efbb663bfaaf7a195ee5fb08d0b06f07 | |
| parent | fix style (diff) | |
| download | sharkey-cd6b1290cb02f15e0e006210d86992b69d760ecb.tar.gz sharkey-cd6b1290cb02f15e0e006210d86992b69d760ecb.tar.bz2 sharkey-cd6b1290cb02f15e0e006210d86992b69d760ecb.zip | |
fix deck style
| -rw-r--r-- | packages/frontend/src/ui/deck.vue | 15 |
1 files changed, 7 insertions, 8 deletions
diff --git a/packages/frontend/src/ui/deck.vue b/packages/frontend/src/ui/deck.vue index d190e80ef7..461396dafb 100644 --- a/packages/frontend/src/ui/deck.vue +++ b/packages/frontend/src/ui/deck.vue @@ -9,8 +9,7 @@ <!-- sectionを利用しているのは、deck.vue側でcolumnに対してfirst-of-typeを効かせるため --> <section v-if="ids.length > 1" - :class="$style.column" - class="folder" + :class="[$style.column, $style.folder]" :style="columns.filter(c => ids.includes(c.id)).some(c => c.flexible) ? { flex: 1, minWidth: '350px' } : { width: Math.max(...columns.filter(c => ids.includes(c.id)).map(c => c.width)) + 'px' }" > <DeckColumnCore v-for="id in ids" :ref="id" :key="id" :column="columns.find(c => c.id === id)" :is-stacked="true" @parent-focus="moveFocus(id, $event)"/> @@ -296,14 +295,14 @@ async function deleteProfile() { &:first-of-type { border-left: solid var(--deckDividerThickness) var(--deckDivider); } +} - &.folder { - display: flex; - flex-direction: column; +.folder { + display: flex; + flex-direction: column; - > *:not(:last-of-type) { - border-bottom: solid var(--deckDividerThickness) var(--deckDivider); - } + > *:not(:last-of-type) { + border-bottom: solid var(--deckDividerThickness) var(--deckDivider); } } |