naskya/firefish
1
0
Fork 1
mirror of https://example.com synced 2024-11-24 01:06:40 +09:00
Code Issues Activity

feat: ✨ software name on hover icon in instance ticker

Browse source
This commit is contained in:
ThatOneCalculator 2023-04-16 17:35:10 -07:00
parent 432905efa6
commit 2a8b9dc92a
No known key found for this signature in database
GPG key ID: 8703CACD01000000
1 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
packages/client/src/components/MkInstanceTicker.vue
View file

@ -1,6 +1,6 @@
<template>
<div class="hpaizdrt" ref="ticker" :style="bg">
<img class="icon" :src="getInstanceIcon(instance)" aria-hidden="true" />
<img v-tooltip="instance.softwareName" class="icon" :src="getInstanceIcon(instance)" aria-hidden="true" />
<span class="name">{{ instance.name }}</span>
</div>
</template>
@ -15,6 +15,7 @@ const props = defineProps<{
faviconUrl?: string;
name: string;
themeColor?: string;
softwareName?: string;
};
}>();
@ -29,6 +30,7 @@ const instance = props.instance ?? {
'meta[name="theme-color-orig"]'
) as HTMLMetaElement
)?.content,
software: Instance.softwareName || "Calckey",
};
const computedStyle = getComputedStyle(document.documentElement);