sidski/helseveileder
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

💄 add circle exclamation component

Browse source 
Co-authored-by: haraldnilsen <harald_998@hotmail.com>
Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
This commit is contained in:
Sindre Kjelsrud 2023-12-14 13:42:30 +01:00
parent b5fb7711d6
commit d8b6dd7347
Signed by: sidski
GPG key ID: D2BBDF3EDE6BA9A6
1 changed files with 12 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

12
frontend/src/components/svg/CircleExclamation.svelte Normal file
View file

@ -0,0 +1,12 @@
<script lang="ts">
export let width: string;
export let height: string;
</script>
<div class="group inline-block cursor-pointer">
<div class="flex items-center justify-center p-1 rounded-full border-solid border-2 border-red-500 transition-colors duration-300 hover:bg-red-500">
<svg xmlns="http://www.w3.org/2000/svg" height={height} width={width} viewBox="0 0 64 512" class="fill-current text-red-500 group-hover:text-white transition-colors duration-300">
<path d="M64 64c0-17.7-14.3-32-32-32S0 46.3 0 64V320c0 17.7 14.3 32 32 32s32-14.3 32-32V64zM32 480a40 40 0 1 0 0-80 40 40 0 1 0 0 80z"/>
</svg>
</div>
</div>