natty
/
calckey
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: ✨ software name on hover icon in instance ticker

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