Tweak UI

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"/>

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>

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>