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>
<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);