oscar-surf/misskey
oscar-surf/misskey
0
0
Fork 0
Code Issues Activity

style(ui): transparent theme support

Browse source
This commit is contained in:
무라쿠모 2024-07-25 19:58:09 +09:00
parent e760b78963
commit 3286a35480
No known key found for this signature in database
GPG key ID: 139D6573F92DA9F7
7 changed files with 21 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

6
packages/frontend/src/ui/_common_/navbar-for-mobile.vue
View file

@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template>
<div :class="$style.root">
<div :class="$style.top">
<div :class="$style.banner" :style="{ backgroundImage: `url(${ instance.bannerUrl })` }"></div>
<div v-if="instance.bannerUrl != null" :class="$style.banner" :style="{ backgroundImage: `url(${ instance.bannerUrl })` }"></div>
<button class="_button" :class="$style.instance" @click="openInstanceMenu">
<img v-if="miLocalStorage.getItem('kawaii')" src="/client-assets/kawaii/about-icon.png" alt="" :class="$style.instanceIconAlt"/>
<img v-else :src="instance.iconUrl || instance.faviconUrl || '/favicon.ico'" alt="" :class="$style.instanceIcon"/>
@ -92,7 +92,7 @@ function more() {
top: 0;
z-index: 1;
padding: 20px 0;
background: var(--X14);
// background: var(--X14);
-webkit-backdrop-filter: var(--blur, blur(8px));
backdrop-filter: var(--blur, blur(8px));
}
@ -131,7 +131,7 @@ function more() {
position: sticky;
bottom: 0;
padding: 20px 0;
background: var(--X14);
// background: var(--X14);
-webkit-backdrop-filter: var(--blur, blur(8px));
backdrop-filter: var(--blur, blur(8px));
}