primevue-mirror/apps/showcase/components/template/separator/FreyaSeparator.vue

18 lines
522 B
Vue
Raw Normal View History

2024-04-08 09:33:03 +00:00
<template>
<TemplateSeparator>
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="49" viewBox="0 0 48 49" fill="none">
<path d="M14 12H21.1333V16.5881L34.2105 14V20L21.1333 22.5881V24.5881L34.2105 22V28L21.1333 30.5881V36H14V12Z" :fill="fillColor" />
</svg>
</TemplateSeparator>
</template>
<script>
export default {
computed: {
fillColor() {
return this.$appState.darkTheme ? 'var(--p-surface-0)' : 'var(--p-surface-900)';
}
}
};
</script>