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/pages/about.vue
View file

@ -10,7 +10,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="_gaps_m">
<div :class="$style.banner" :style="{ backgroundImage: `url(${ bannerUrl })` }">
<div style="overflow: clip;">
<img :src="instance.iconUrl ?? instance.faviconUrl ?? '/favicon.ico'" alt="" :class="$style.bannerIcon"/>
<img :src="iconUrl" alt="" :class="$style.bannerIcon"/>
<div :class="$style.bannerName">
<b>{{ instance.name ?? host }}</b>
</div>
@ -115,7 +115,7 @@ import { i18n } from '@/i18n';
import { definePageMetadata } from '@/scripts/page-metadata';
import { claimAchievement } from '@/scripts/achievements';
import { instance } from '@/instance';
import {bannerDark, bannerLight, defaultStore} from "@/store";
import {bannerDark, bannerLight, defaultStore, iconDark, iconLight} from "@/store";
const props = withDefaults(defineProps<{
initialTab?: string;
@ -132,13 +132,15 @@ watch($$(tab), () => {
}
});
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 initStats = () => os.api('stats', {

5
packages/frontend/src/pages/settings/theme.vue
View file

@ -98,7 +98,7 @@ import MkButton from '@/components/MkButton.vue';
import {getBuiltinThemesRef} from '@/scripts/theme';
import {selectFile} from '@/scripts/select-file';
import {isDeviceDarkmode} from '@/scripts/is-device-darkmode';
import { ColdDeviceStorage, defaultStore , bannerDark,bannerLight} from '@/store';
import {ColdDeviceStorage, defaultStore, bannerDark, bannerLight, iconDark, iconLight} from '@/store';
import {i18n} from '@/i18n';
import {instance} from '@/instance';
import {uniqueBy} from '@/scripts/array';
@ -148,10 +148,13 @@ const themesCount = installedThemes.value.length;
watch(darkMode, () => {
if (darkMode.value) {
defaultStore.set('bannerUrl', bannerDark)
defaultStore.set('iconUrl', iconDark)
}else if(!darkMode.value) {
defaultStore.set('bannerUrl', bannerLight)
defaultStore.set('iconUrl', iconLight)
}else{
defaultStore.set('bannerUrl', bannerDark)
defaultStore.set('iconUrl', iconDark)
}
})