Разделил блок с информацией

This commit is contained in:
Иван Кузьменко 2025-09-29 22:18:34 +03:00
parent 84512c7a9b
commit 89211b3e22
3 changed files with 39 additions and 10 deletions

View file

@ -0,0 +1,18 @@
<script lang="ts">
import Icon from '@iconify/svelte';
export let bgStrong: string;
export let bgBleak: string;
export let icon: string;
export let caption: string;
</script>
<section class="flex flex-col sm:flex-row">
<div class="flex flex-row items-center gap-2 {bgStrong} p-2 text-slate-50">
<Icon width={32} height={32} {icon} color={'#f8fafc'} />
<span class="sm:hidden">{caption}</span>
</div>
<div class="{bgBleak} p-4 sm:grow">
<slot />
</div>
</section>