koel/docs/.vitepress/components/InterfaceIcon.vue

36 lines
546 B
Vue
Raw Normal View History

2024-03-17 18:28:39 +00:00
<template>
<span>
2024-06-27 09:33:10 +00:00
<img class="inline border-0 rounded-0" v-bind="$attrs">
2024-03-17 18:28:39 +00:00
</span>
</template>
<script lang="ts" setup>
2024-06-27 09:33:10 +00:00
defineOptions({
inheritAttrs: false
})
2024-03-17 18:28:39 +00:00
</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>