JCEEE
33 lines
746 B
Svelte
33 lines
746 B
Svelte
<script lang="ts">
|
|
let { tag = 'span' }: { tag?: 'span' | 'h1' | 'h2' | 'h3' | 'a' | 'strong' | 'p' } = $props();
|
|
</script>
|
|
|
|
<svelte:element this={tag} class="fam-done">
|
|
Fam<span class="text-green-500">Done</span><svg
|
|
class="fam-done-check"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="1em"
|
|
height="1em"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="#10b981"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14" /><polyline points="22 4 12 14.01 9 11.01" /></svg
|
|
></svelte:element
|
|
>
|
|
|
|
<style>
|
|
.fam-done {
|
|
font-weight: inherit;
|
|
color: inherit;
|
|
}
|
|
.fam-done-check {
|
|
font-size: 0.6em;
|
|
vertical-align: super;
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
</style>
|