mirror of
https://github.com/koel/koel
synced 2024-12-21 10:03:10 +00:00
34 lines
531 B
Vue
34 lines
531 B
Vue
|
<template>
|
||
|
|
<span>
|
||
|
|
<img class="inline border-0 rounded-0" :src="src">
|
||
|
|
</span>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang="ts" setup>
|
||
|
|
defineProps<{ src: string }>()
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
span {
|
||
|
|
width: 20px;
|
||
|
|
height: 20px;
|
||
|
|
background-color: var(--vp-code-bg);
|
||
|
|
border-bottom: 1px solid var(--vp-code-bg);
|
||
|
|
vertical-align: text-bottom;
|
||
|
|
|
||
|
|
display: inline-flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
padding: 3px;
|
||
|
|
border-radius: 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
img {
|
||
|
|
html.dark & {
|
||
|
|
filter: invert(1);
|
||
|
|
}
|
||
|
|
|
||
|
|
border-radius: 0;
|
||
|
|
}
|
||
|
|
</style>
|