gorb/frontend
4
0
Fork 0
Code Issues 7 Pull requests 3 Projects Releases Packages 1 Wiki Activity Actions

feat: improve guild icon fallbacks for blocked canvases

Browse source
This commit is contained in:
Twig 2025-07-14 21:55:10 +02:00
parent dfec4c9200
commit b81cd2b73a
No known key found for this signature in database
1 changed files with 6 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

7
layouts/client.vue
View file

@ -19,7 +19,10 @@
<div class="left-column-segment" id="left-column-middle"> <div class="left-column-segment" id="left-column-middle">
<NuxtLink v-for="guild of guilds" :href="`/servers/${guild.uuid}`"> <NuxtLink v-for="guild of guilds" :href="`/servers/${guild.uuid}`">
<NuxtImg v-if="guild.icon" class="sidebar-icon" :src="guild.icon" :alt="guild.name"/> <NuxtImg v-if="guild.icon" class="sidebar-icon" :src="guild.icon" :alt="guild.name"/>
<NuxtImg v-else class="sidebar-icon" :src="generateDefaultIcon(guild.name, guild.uuid)" :alt="guild.name"/> <NuxtImg v-else-if="!blockedCanvas" class="sidebar-icon" :src="generateDefaultIcon(guild.name, guild.uuid)" :alt="guild.name"/>
<Icon v-else name="lucide:server"
:style="`color: ${generateIrcColor(guild.uuid, 50)}`"
class="sidebar-icon white" :alt="guild.name" />
</NuxtLink> </NuxtLink>
</div> </div>
<VerticalSpacer /> <VerticalSpacer />
@ -53,6 +56,8 @@ const createButtonContainer = ref<HTMLButtonElement>();
const api = useApi(); const api = useApi();
const blockedCanvas = isCanvasBlocked()
const options = [ const options = [
{ name: "Join", value: "join", callback: async () => { { name: "Join", value: "join", callback: async () => {
console.log("join guild!"); console.log("join guild!");