diff --git a/src/client/components/notifications.vue b/src/client/components/notifications.vue index 01b3ae4396..baafa86f4d 100644 --- a/src/client/components/notifications.vue +++ b/src/client/components/notifications.vue @@ -1,5 +1,6 @@ <template> <div class="mfcuwfyp _noGap_"> + <div class="_magnet"></div> <XList class="notifications" :items="items" v-slot="{ item: notification }"> <XNote v-if="['reply', 'quote', 'mention'].includes(notification.type)" :note="notification.note" @update:note="noteUpdated(notification.note, $event)" :key="notification.id"/> <XNotification v-else :notification="notification" :with-time="true" :full="true" class="_panel notification" :key="notification.id"/> diff --git a/src/client/components/ui/folder.vue b/src/client/components/ui/folder.vue index 6a163130c2..aee3c0ccaa 100644 --- a/src/client/components/ui/folder.vue +++ b/src/client/components/ui/folder.vue @@ -101,6 +101,8 @@ export default defineComponent({ z-index: 10; position: sticky; top: var(--stickyTop, 0px); + background: var(--X17); + -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(20px); > .title { @@ -138,6 +140,8 @@ export default defineComponent({ } ._flat_ .ssazuxis { - margin: var(--margin); + > header { + padding: 0 16px; + } } </style> diff --git a/src/client/components/user-list.vue b/src/client/components/user-list.vue index 418c4127d9..38d9df63bb 100644 --- a/src/client/components/user-list.vue +++ b/src/client/components/user-list.vue @@ -1,7 +1,7 @@ <template> <MkError v-if="error" @retry="init()"/> -<div v-else class="efvhhmdq"> +<div v-else class="efvhhmdq _isolated"> <div class="no-users" v-if="empty"> <p>{{ $ts.noUsers }}</p> </div> diff --git a/src/client/pages/explore.vue b/src/client/pages/explore.vue index 50106f4580..7e0acaddf7 100644 --- a/src/client/pages/explore.vue +++ b/src/client/pages/explore.vue @@ -1,11 +1,13 @@ <template> <div class="lznhrdub _root"> - <div class="_section"> - <MkInput v-model:value="query" :debounce="true" type="search"><template #icon><Fa :icon="faSearch"/></template><span>{{ $ts.searchUser }}</span></MkInput> + <div> + <div class="_isolated"> + <MkInput v-model:value="query" :debounce="true" type="search"><template #icon><Fa :icon="faSearch"/></template><span>{{ $ts.searchUser }}</span></MkInput> + </div> <XUserList v-if="query" class="_gap" :pagination="searchPagination" ref="search"/> - <div class="localfedi7 _panel _gap" v-if="meta && stats && tag == null" :style="{ backgroundImage: meta.bannerUrl ? `url(${meta.bannerUrl})` : null }"> + <div class="localfedi7 _block _isolated" v-if="meta && stats && tag == null" :style="{ backgroundImage: meta.bannerUrl ? `url(${meta.bannerUrl})` : null }"> <header><span>{{ $t('explore', { host: meta.name || 'Misskey' }) }}</span></header> <div><span>{{ $t('exploreUsersCount', { count: num(stats.originalUsersCount) }) }}</span></div> </div> @@ -29,8 +31,8 @@ </MkFolder> </template> </div> - <div class="_section"> - <div class="localfedi7 _panel _gap" v-if="tag == null" :style="{ backgroundImage: `url(/static-assets/client/fedi.jpg)` }"> + <div> + <div class="localfedi7 _block _isolated" v-if="tag == null" :style="{ backgroundImage: `url(/static-assets/client/fedi.jpg)` }"> <header><span>{{ $ts.exploreFediverse }}</span></header> </div> diff --git a/src/client/widgets/notifications.vue b/src/client/widgets/notifications.vue index b4c2201862..046556ef1c 100644 --- a/src/client/widgets/notifications.vue +++ b/src/client/widgets/notifications.vue @@ -3,7 +3,7 @@ <template #header><Fa :icon="faBell"/>{{ $ts.notifications }}</template> <template #func><button @click="configure()" class="_button"><Fa :icon="faCog"/></button></template> - <div> + <div class="_flat_"> <XNotifications :include-types="props.includingTypes"/> </div> </MkContainer>