mirror of
https://github.com/ether/etherpad-lite.git
synced 2025-01-20 06:29:53 +01:00
22 lines
389 B
Vue
22 lines
389 B
Vue
<script setup lang="ts">
|
|
defineProps<{ svg: string }>()
|
|
</script>
|
|
|
|
<template>
|
|
<figure class="svg-image-root" v-html="svg" />
|
|
</template>
|
|
|
|
<style>
|
|
.svg-image-root {
|
|
background-color: #eee;
|
|
border-radius: 8px;
|
|
padding: 1ch;
|
|
margin: 1ch 0;
|
|
}
|
|
html.dark .svg-image-root {
|
|
background-color: #313641;
|
|
}
|
|
.svg-image-root svg text {
|
|
font-family: var(--vp-font-family-base);
|
|
}
|
|
</style>
|