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

feat: prismisskey用にicon変更などなど

Browse source
This commit is contained in:
mattyatea 2023-09-20 09:48:52 +09:00
parent 4979c5180c
commit ded8135d36
5 changed files with 35 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
packages/frontend/src/pages/about.vue
View file

@ -134,6 +134,13 @@ watch($$(tab), () => {
let bannerUrl = ref(defaultStore.state.bannerUrl);
let iconUrl = ref(defaultStore.state.iconUrl);
const darkMode = computed(defaultStore.makeGetterSetter('darkMode'));
if (darkMode.value){
bannerUrl.value = bannerDark;
iconUrl.value = iconDark;
}else{
bannerUrl.value = bannerLight;
iconUrl.value = iconLight;
}
watch(darkMode, () => {
if (darkMode.value){
bannerUrl.value = bannerDark;

4
packages/frontend/src/store.ts
View file

@ -42,8 +42,8 @@ export const notePostInterruptors: NotePostInterruptor[] = [];
export const pageViewInterruptors: PageViewInterruptor[] = [];
export const bannerDark='https://files.prismisskey.space/misskey/ac141052-7a16-4608-bc08-263566326a6d.jpg'
export const bannerLight ='https://files.prismisskey.space/misskey/e8d13afc-2348-4b13-a64a-f55a19e8d7aa.jpg'
export const iconDark='https://files.prismisskey.space/misskey/c7e56b1d-4c4f-408f-bf73-3175f4eb26ca.png'
export const iconLight='https://files.prismisskey.space/misskey/f3b3c9f8-ff2a-474d-a858-64ffe9023e22.png'
export const iconDark='https://files.prismisskey.space/misskey/f3b3c9f8-ff2a-474d-a858-64ffe9023e22.png'
export const iconLight='https://files.prismisskey.space/misskey/c7e56b1d-4c4f-408f-bf73-3175f4eb26ca.png'
// TODO: それぞれいちいちwhereとかdefaultというキーを付けなきゃいけないの冗長なのでなんとかする(ただ型定義が面倒になりそう)

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

@ -57,6 +57,13 @@ import { instance } from '@/instance';
let bannerUrl = ref(defaultStore.state.bannerUrl);
let iconUrl = ref(defaultStore.state.iconUrl);
const darkMode = computed(defaultStore.makeGetterSetter('darkMode'));
if (darkMode.value){
bannerUrl.value = bannerDark;
iconUrl.value = iconDark;
}else{
bannerUrl.value = bannerLight;
iconUrl.value = iconLight;
}
watch(darkMode, () => {
if (darkMode.value){
bannerUrl.value = bannerDark;

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

@ -84,8 +84,16 @@ import {instance} from '@/instance';
const iconOnly = ref(false);
let bannerUrl = ref(defaultStore.state.bannerUrl);
let iconUrl = ref(defaultStore.state.iconUrl);
let iconUrl = ref();
const darkMode = computed(defaultStore.makeGetterSetter('darkMode'));
if (darkMode.value){
bannerUrl.value = bannerDark;
iconUrl.value = iconDark;
}else{
bannerUrl.value = bannerLight;
iconUrl.value = iconLight;
}
watch(darkMode, () => {
if (darkMode.value){
bannerUrl.value = bannerDark;
@ -167,7 +175,7 @@ function more(ev: MouseEvent) {
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));
}
@ -180,8 +188,8 @@ function more(ev: MouseEvent) {
height: 100%;
background-size: cover;
background-position: center center;
-webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.75) 100%);
mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.75) 100%);
-webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 20%);
mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 20%);
}
.instance {

7
packages/frontend/src/widgets/WidgetInstanceInfo.vue
View file

@ -31,6 +31,13 @@ const name = 'instanceInfo';
let bannerUrl = ref(defaultStore.state.bannerUrl);
let iconUrl = ref(defaultStore.state.iconUrl);
const darkMode = computed(defaultStore.makeGetterSetter('darkMode'));
if (darkMode.value){
bannerUrl.value = bannerDark;
iconUrl.value = iconDark;
}else{
bannerUrl.value = bannerLight;
iconUrl.value = iconLight;
}
watch(darkMode, () => {
if (darkMode.value){
bannerUrl.value = bannerDark;