diff options
| author | Hazelnoot <acomputerdog@gmail.com> | 2025-06-04 14:51:49 -0400 |
|---|---|---|
| committer | Hazelnoot <acomputerdog@gmail.com> | 2025-06-04 19:07:57 -0400 |
| commit | 4d024d116509564d7a7424aaee773c9256529b87 (patch) | |
| tree | c22455e4b82074bd751b0f65d12e6bd948012117 /packages/frontend/src/components/SkOldNoteWindow.vue | |
| parent | merge: Add option to keep CWs with "RE:" prefix (!1093) (diff) | |
| download | sharkey-4d024d116509564d7a7424aaee773c9256529b87.tar.gz sharkey-4d024d116509564d7a7424aaee773c9256529b87.tar.bz2 sharkey-4d024d116509564d7a7424aaee773c9256529b87.zip | |
use responsive gaps between note toolbar items
Diffstat (limited to 'packages/frontend/src/components/SkOldNoteWindow.vue')
| -rw-r--r-- | packages/frontend/src/components/SkOldNoteWindow.vue | 20 |
1 files changed, 1 insertions, 19 deletions
diff --git a/packages/frontend/src/components/SkOldNoteWindow.vue b/packages/frontend/src/components/SkOldNoteWindow.vue index b6dbec81c5..d4a4dec1cb 100644 --- a/packages/frontend/src/components/SkOldNoteWindow.vue +++ b/packages/frontend/src/components/SkOldNoteWindow.vue @@ -52,7 +52,7 @@ SPDX-License-Identifier: AGPL-3.0-only </div> <MkA v-if="appearNote.channel && !inChannel" :class="$style.channel" :to="`/channels/${appearNote.channel.id}`"><i class="ph-television ph-bold ph-lg"></i> {{ appearNote.channel.name }}</MkA> </div> - <footer :class="$style.footer"> + <footer :class="$style.footer" class="_gaps _h_gaps"> <div :class="$style.noteFooterInfo"> <MkTime :time="appearNote.createdAt" mode="detail"/> </div> @@ -280,23 +280,11 @@ const showTicker = (prefer.s.instanceTicker === 'always') || (prefer.s.instanceT padding: 8px; opacity: 0.7; - &:not(:last-child) { - margin-right: 1.5em; - } - &:hover { color: var(--MI_THEME-fgHighlighted); } } -@container (max-width: 350px) { - .noteFooterButton { - &:not(:last-child) { - margin-right: 0.1em; - } - } -} - @container (max-width: 500px) { .root { font-size: 0.9em; @@ -323,11 +311,5 @@ const showTicker = (prefer.s.instanceTicker === 'always') || (prefer.s.instanceT width: 50px; height: 50px; } - - .noteFooterButton { - &:not(:last-child) { - margin-right: 0.1em; - } - } } </style> |