puniko/FoundKey
1
0
Fork 0
forked from FoundKeyGang/FoundKey
Code Issues Pull requests Projects Releases Packages Wiki Activity

client: dont display tooltip if software name unknown

Browse source 
Changelog: Fixed
This commit is contained in:
Johann150 2023-01-02 21:51:13 +01:00
parent 5b898c6c82
commit e0560dbe9e
Signed by untrusted user: Johann150
GPG key ID: 9EE6577A2A06F8F1
1 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
packages/client/src/components/instance-ticker.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<div v-tooltip="instance.softwareName + ' ' + instance.softwareVersion" class="hpaizdrt" :style="bg"> <div v-tooltip="tooltip" class="hpaizdrt" :style="bg">
<img v-if="instance.faviconUrl" class="icon" :src="instance.faviconUrl"/> <img v-if="instance.faviconUrl" class="icon" :src="instance.faviconUrl"/>
<span class="name">{{ instance.name ?? host }}</span> <span class="name">{{ instance.name ?? host }}</span>
<span v-if="instance.softwareName" class="software">{{ instance.softwareName }}</span> <span v-if="instance.softwareName" class="software">{{ instance.softwareName }}</span>
@ -35,6 +35,10 @@ const themeColor = instance.themeColor ?? '#777777';
const bg = { const bg = {
background: `linear-gradient(90deg, ${themeColor}, ${themeColor}00)`, background: `linear-gradient(90deg, ${themeColor}, ${themeColor}00)`,
}; };
const tooltip = instance.softwareName == null || instance.softwareVersion == null
? null
: instance.softwareName + ' ' + instance.softwareVersion;
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>