dan/design
1
0
Fork 0
mirror of https://github.com/danbulant/design synced 2026-07-05 11:00:38 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

don't use h1 in callouts

Browse source
This commit is contained in:
Daniel Bulant 2025-08-29 11:06:53 +02:00
parent 4b653cf32e
commit 76d9bd8112
No known key found for this signature in database
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/lib/components/posts/callout.svelte
View file

@ -23,9 +23,9 @@
<!-- A simple callout with header and slot body. Header background colored according to color, and the whole callout has a left border colored as well. --> <!-- A simple callout with header and slot body. Header background colored according to color, and the whole callout has a left border colored as well. -->
<div class:minimal class:closed class:closable class="w-full rounded border-l border-l-4 my-6" style:border-left-color={color} style:--shadow-color="{color}0D"> <div class:minimal class:closed class:closable class="w-full rounded border-l border-l-4 my-6" style:border-left-color={color} style:--shadow-color="{color}0D">
<div on:click={toggle} on:keydown={toggle} class="header rounded-tr-lg" style:background-color="{color}40" class:dark-bg={isDark}> <div on:click={toggle} on:keydown={toggle} class="header rounded-tr-lg" style:background-color="{color}40" class:dark-bg={isDark}>
<h1> <h4>
<slot name="title"/> <slot name="title"/>
</h1> </h4>
{#if closable} {#if closable}
<span class="toggle">{closed ? "Click to view more" : "Click to dismiss"}</span> <span class="toggle">{closed ? "Click to view more" : "Click to dismiss"}</span>
{/if} {/if}