Spaces:
Running
Running
Jimin Huang
commited on
Commit
·
b07747b
1
Parent(s):
cc14f28
Change settings
Browse files- src/components/AssetTabs.vue +12 -1
src/components/AssetTabs.vue
CHANGED
|
@@ -6,7 +6,7 @@
|
|
| 6 |
:class="code===modelValue ? 'bg-black text-white' : 'bg-white'"
|
| 7 |
@click="$emit('update:modelValue', code)"
|
| 8 |
>
|
| 9 |
-
<img :src="iconFor(code)" alt="" class="
|
| 10 |
<span>{{ code }}</span>
|
| 11 |
</button>
|
| 12 |
</div>
|
|
@@ -47,3 +47,14 @@ const orderedAssets = computed(() => {
|
|
| 47 |
return list
|
| 48 |
})
|
| 49 |
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 6 |
:class="code===modelValue ? 'bg-black text-white' : 'bg-white'"
|
| 7 |
@click="$emit('update:modelValue', code)"
|
| 8 |
>
|
| 9 |
+
<img :src="iconFor(code)" alt="" class="asset-icon" @error="hide($event)" />
|
| 10 |
<span>{{ code }}</span>
|
| 11 |
</button>
|
| 12 |
</div>
|
|
|
|
| 47 |
return list
|
| 48 |
})
|
| 49 |
</script>
|
| 50 |
+
|
| 51 |
+
<style scoped>
|
| 52 |
+
.asset-icon{
|
| 53 |
+
width: 20px !important; /* set to 16/20/24 to match your filter */
|
| 54 |
+
height: 20px !important;
|
| 55 |
+
flex: 0 0 20px;
|
| 56 |
+
object-fit: contain;
|
| 57 |
+
display: inline-block;
|
| 58 |
+
vertical-align: middle;
|
| 59 |
+
}
|
| 60 |
+
</style>
|