fix ext icon
This commit is contained in:
@@ -25,7 +25,7 @@ const emit = defineEmits<{
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<article v-for="extension in extensions" :key="extension.id" class="data-table-row extensions-grid">
|
<article v-for="extension in extensions" :key="extension.id" class="data-table-row extensions-grid">
|
||||||
<div class="extension-icon table-icon">
|
<div class="extension-icon table-icon" :class="{ filled: Boolean(extension.iconDataUrl) }">
|
||||||
<img v-if="extension.iconDataUrl" :src="extension.iconDataUrl" :alt="`${extension.name} icon`" />
|
<img v-if="extension.iconDataUrl" :src="extension.iconDataUrl" :alt="`${extension.name} icon`" />
|
||||||
<span v-else>{{ extensionMonogram(extension.name) }}</span>
|
<span v-else>{{ extensionMonogram(extension.name) }}</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -126,6 +126,10 @@ const emit = defineEmits<{
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.extension-icon.filled {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
.table-icon {
|
.table-icon {
|
||||||
width: 36px;
|
width: 36px;
|
||||||
height: 36px;
|
height: 36px;
|
||||||
|
|||||||
Reference in New Issue
Block a user