diff --git a/packages/frontend/src/components/global/MkPageHeader.vue b/packages/frontend/src/components/global/MkPageHeader.vue index 16e2eb877f..dd34b14f9f 100644 --- a/packages/frontend/src/components/global/MkPageHeader.vue +++ b/packages/frontend/src/components/global/MkPageHeader.vue @@ -9,7 +9,7 @@ SPDX-License-Identifier: AGPL-3.0-only <div v-if="!thin_ && narrow && props.displayMyAvatar && $i" class="_button" :class="$style.buttonsLeft" @click="openAccountMenu"> <MkAvatar :class="$style.avatar" :user="$i"/> </div> - <div v-else-if="!thin_ && narrow && !hideTitle" :class="$style.buttonsLeft"/> + <div v-else-if="!thin_ && narrow && !hideTitle"/> <template v-if="metadata"> <div v-if="!hideTitle && !hide" :class="$style.titleContainer" @click="top"> @@ -170,7 +170,9 @@ onUnmounted(() => { &.slim { text-align: center; gap: 0; - + .buttonsRight { + margin-left: auto; + } .tabs:first-child { margin-left: 0; } diff --git a/packages/frontend/src/pages/notifications.vue b/packages/frontend/src/pages/notifications.vue index cc32ef51d0..b879ea0e75 100644 --- a/packages/frontend/src/pages/notifications.vue +++ b/packages/frontend/src/pages/notifications.vue @@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only <template> <MkStickyContainer> - <template #header><MkPageHeader v-model:tab="tab" :tabs="headerTabs" hide="true" :actions="headerActions"/></template> + <template #header><MkPageHeader v-model:tab="tab" :tabs="headerTabs" :hide="true" :actions="headerActions"/></template> <MkSpacer :contentMax="800"> <MkHorizontalSwipe v-model:tab="tab" :tabs="headerTabs"> <div v-if="tab === 'all'" key="all"> @@ -73,7 +73,7 @@ const headerActions = computed(() => [{ icon: 'ti ti-filter', highlighted: includeTypes.value != null, handler: setFilter, -} ].filter(x => x !== undefined)); +}].filter(x => x !== undefined)); misskeyApi('notifications/mark-all-as-read'); const headerTabs = computed(() => [{ key: 'all',