luke-else/component-lib
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Simplified Section component
All checks were successful
Publish Svelte Tailwind Library / build-and-publish (push) Successful in 25s
Details

Browse Source
This commit is contained in:
Luke Else
2025-09-18 20:10:36 +01:00
parent b623d11c89
commit 8d57da75cc
2 changed files with 3 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/lib/components/Section.svelte
View File

@@ -2,21 +2,11 @@
export let label: string = '';
</script>
<div id={label} class="relative flex flex-row w-full min-h-[300px] mt-5 mb-25">
<!-- Sticky/Sliding Label -->
<div class="hidden md:flex flex-col items-center mr-6">
<div class="sticky top-24 left-0 z-10">
<span id="sideway-label"
class="text-2xl font-bold text-blue-400 tracking-widest vertical-text"
>
{label}
</span>
</div>
</div>
<div id={label} class="relative flex flex-row w-full mt-5 mb-25">
<!-- Main Content -->
<div class="flex-1 flex flex-col">
<!-- Label for mobile -->
<div class="md:hidden mb-2">
<div class="mb-2">
<span class="text-2xl font-bold text-blue-400">{label}</span>
</div>
<hr class="border-blue-400 mb-6" />