Leahnaya/splatoon3.ink
1
0
Fork 0
mirror of https://github.com/misenhower/splatoon3.ink.git synced 2026-10-02 11:56:44 -05:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Use translucent stage image backgrounds while images load

Browse Source
This commit is contained in:
Matt Isenhower
2026-09-27 16:24:25 -07:00
parent 2e53590c5d
commit 575558122f
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/StageImage.vue
View File

@@ -1,6 +1,6 @@
<template>
<button :disabled="loading || !stage" class="block relative" @click.prevent="open = true">
<div class="aspect-2/1 overflow-hidden" :class="[imgClass, { 'bg-zinc-700': !loading && lowRes }]">
<div class="aspect-2/1 overflow-hidden" :class="[imgClass, { 'bg-white/20': !loading && lowRes }]">
<img v-if="!loading && lowRes" :src="lowRes" width="400" height="200" />
<SkeletonBlock v-else class="h-full rounded-none" />
</div>