diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2021-04-14 14:12:29 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2021-04-14 14:12:29 +0900 |
| commit | 7fda726bbeda6260f47f773205f7bd522cad5a63 (patch) | |
| tree | 23b61eabb89ee8c07a3f705f34552f8de16550b2 /src/client/components | |
| parent | Tweak UI (diff) | |
| download | sharkey-7fda726bbeda6260f47f773205f7bd522cad5a63.tar.gz sharkey-7fda726bbeda6260f47f773205f7bd522cad5a63.tar.bz2 sharkey-7fda726bbeda6260f47f773205f7bd522cad5a63.zip | |
Tweak UI
Diffstat (limited to 'src/client/components')
| -rw-r--r-- | src/client/components/notifications.vue | 1 | ||||
| -rw-r--r-- | src/client/components/ui/folder.vue | 6 | ||||
| -rw-r--r-- | src/client/components/user-list.vue | 2 |
3 files changed, 7 insertions, 2 deletions
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> |