Mizah/mizzkey
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

ui:fix

Browse source
This commit is contained in:
mattyatea 2024-02-04 17:34:26 +09:00
parent 7579df2da0
commit fd54c299a5
2 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
packages/frontend/src/components/global/MkPageHeader.vue
View file

@ -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"> <div v-if="!thin_ && narrow && props.displayMyAvatar && $i" class="_button" :class="$style.buttonsLeft" @click="openAccountMenu">
<MkAvatar :class="$style.avatar" :user="$i"/> <MkAvatar :class="$style.avatar" :user="$i"/>
</div> </div>
<div v-else-if="!thin_ && narrow && !hideTitle" :class="$style.buttonsLeft"/> <div v-else-if="!thin_ && narrow && !hideTitle"/>
<template v-if="metadata"> <template v-if="metadata">
<div v-if="!hideTitle && !hide" :class="$style.titleContainer" @click="top"> <div v-if="!hideTitle && !hide" :class="$style.titleContainer" @click="top">
@ -170,7 +170,9 @@ onUnmounted(() => {
&.slim { &.slim {
text-align: center; text-align: center;
gap: 0; gap: 0;
.buttonsRight {
margin-left: auto;
}
.tabs:first-child { .tabs:first-child {
margin-left: 0; margin-left: 0;
} }

4
packages/frontend/src/pages/notifications.vue
View file

@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template> <template>
<MkStickyContainer> <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"> <MkSpacer :contentMax="800">
<MkHorizontalSwipe v-model:tab="tab" :tabs="headerTabs"> <MkHorizontalSwipe v-model:tab="tab" :tabs="headerTabs">
<div v-if="tab === 'all'" key="all"> <div v-if="tab === 'all'" key="all">
@ -73,7 +73,7 @@ const headerActions = computed(() => [{
icon: 'ti ti-filter', icon: 'ti ti-filter',
highlighted: includeTypes.value != null, highlighted: includeTypes.value != null,
handler: setFilter, handler: setFilter,
} ].filter(x => x !== undefined)); }].filter(x => x !== undefined));
misskeyApi('notifications/mark-all-as-read'); misskeyApi('notifications/mark-all-as-read');
const headerTabs = computed(() => [{ const headerTabs = computed(() => [{
key: 'all', key: 'all',