mirror of
https://github.com/revanced/revanced-website.git
synced 2025-04-29 22:24:31 +02:00
feat: svg component
This commit is contained in:
parent
0923386a0f
commit
49cc968d7f
16
src/lib/components/atoms/Svg.svelte
Normal file
16
src/lib/components/atoms/Svg.svelte
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
<script lang="ts">
|
||||||
|
export let viewBoxHeight: number;
|
||||||
|
export let viewBoxWidth = viewBoxHeight;
|
||||||
|
export let svgHeight: number;
|
||||||
|
export let svgWidth = svgHeight;
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
preserveAspectRatio="none"
|
||||||
|
viewBox="0 0 {viewBoxHeight} {viewBoxWidth}"
|
||||||
|
style:height={svgHeight+'px'}
|
||||||
|
style:width={svgWidth+'px'}
|
||||||
|
>
|
||||||
|
<slot />
|
||||||
|
</svg>
|
Loading…
x
Reference in New Issue
Block a user