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

fix: Corrected inline style in section container

Browse Source
This commit is contained in:
Luke Else
2025-09-16 12:56:05 +01:00
parent 2bab1470ed
commit 8d2290e276
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,13 +1,14 @@
<script lang="ts"> <script lang="ts">
export let label: string = ""; export let label: string = '';
</script> </script>
<div id={label} class="relative flex flex-row w-full min-h-[300px] mt-5 mb-25"> <div id={label} class="relative flex flex-row w-full min-h-[300px] mt-5 mb-25">
<!-- Sticky/Sliding Label --> <!-- Sticky/Sliding Label -->
<div class="hidden md:flex flex-col items-center mr-6"> <div class="hidden md:flex flex-col items-center mr-6">
<div class="sticky top-24 left-0 z-10"> <div class="sticky top-24 left-0 z-10">
<span class="text-2xl font-bold text-blue-400 tracking-widest" <span
style="writing-mode: vertical-rl; text-orientation: mixed;"> class="text-2xl font-bold text-blue-400 tracking-widest [writing-mode:vertical-rl] [text-orientation:mixed]"
>
{label} {label}
</span> </span>
</div> </div>
@@ -23,4 +24,4 @@
<slot /> <slot />
</div> </div>
</div> </div>
</div> </div>