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

feat: prismisskey用にicon変更する

Browse source
This commit is contained in:
mattyatea 2023-09-20 09:25:19 +09:00
parent df9f847f69
commit 4979c5180c
6 changed files with 32 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -8,7 +8,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div :class="$style.top">
<div :class="$style.banner" :style="{ backgroundImage: `url(${ bannerUrl })` }"></div>
<button class="_button" :class="$style.instance" @click="openInstanceMenu">
<img :src="instance.iconUrl || instance.faviconUrl || '/favicon.ico'" alt="" :class="$style.instanceIcon"/>
<img :src="iconUrl" alt="" :class="$style.instanceIcon"/>
</button>
</div>
<div :class="$style.middle">
@ -51,17 +51,19 @@ import { openInstanceMenu } from './common';
import * as os from '@/os';
import { navbarItemDef } from '@/navbar';
import { $i, openAccountMenu as openAccountMenu_ } from '@/account';
import {bannerDark, bannerLight, defaultStore} from '@/store';
import {bannerDark, bannerLight, defaultStore, iconDark, iconLight} from '@/store';
import { i18n } from '@/i18n';
import { instance } from '@/instance';
let bannerUrl = ref(defaultStore.state.bannerUrl);
let iconUrl = ref(defaultStore.state.iconUrl);
const darkMode = computed(defaultStore.makeGetterSetter('darkMode'));
watch(darkMode, () => {
if (darkMode.value){
bannerUrl.value = bannerDark;
iconUrl.value = iconDark;
}else{
bannerUrl.value = bannerLight;
iconUrl.value = iconLight;
}
})
const menu = toRef(defaultStore.state, 'menu');

9
packages/frontend/src/ui/_common_/navbar.vue
View file

@ -10,7 +10,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div :class="$style.banner" :style="{ backgroundImage: `url(${ bannerUrl })` }"></div>
<button v-tooltip.noDelay.right="instance.name ?? i18n.ts.instance" class="_button" :class="$style.instance"
@click="openInstanceMenu">
<img :src="instance.iconUrl || instance.faviconUrl || '/favicon.ico'" alt="" :class="$style.instanceIcon"/>
<img :src="iconUrl" alt="" :class="$style.instanceIcon"/>
</button>
</div>
<div :class="$style.middle">
@ -78,21 +78,24 @@ import {openInstanceMenu} from './common';
import * as os from '@/os';
import {navbarItemDef} from '@/navbar';
import {$i, openAccountMenu as openAccountMenu_} from '@/account';
import {bannerDark, bannerLight, defaultStore} from '@/store';
import {bannerDark, bannerLight, defaultStore, iconDark, iconLight} from '@/store';
import {i18n} from '@/i18n';
import {instance} from '@/instance';
const iconOnly = ref(false);
let bannerUrl = ref(defaultStore.state.bannerUrl);
let iconUrl = ref(defaultStore.state.iconUrl);
const darkMode = computed(defaultStore.makeGetterSetter('darkMode'));
watch(darkMode, () => {
if (darkMode.value){
bannerUrl.value = bannerDark;
iconUrl.value = iconDark;
}else{
bannerUrl.value = bannerLight;
iconUrl.value = iconLight;
}
})
const menu = computed(() => defaultStore.state.menu);
const otherMenuItemIndicated = computed(() => {
for (const def in navbarItemDef) {