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

Compare commits

base: luke-else:2bab1470edf7acc730756e569571fd47bdda1693
Branches Tags
luke-else:main
..
compare: luke-else:1335bcb3dc3b819e7054772bb4c1043aeaacefb3
Branches Tags
luke-else:main

2 Commits
2bab1470ed ... 1335bcb3dc

Author SHA1 Message Date
Luke Else
1335bcb3dc fix: Corrected inline style in section container
All checks were successful
Publish Svelte Tailwind Library / build-and-publish (push) Successful in 23s
Details
2025-09-16 12:56:24 +01:00
Luke Else
8d2290e276 fix: Corrected inline style in section container 2025-09-16 12:56:05 +01:00
2 changed files with 6 additions and 5 deletions
Expand all files Collapse all files

2
package.json
View File

@@ -1,6 +1,6 @@
{ {
"name": "@luke-else/component-lib", "name": "@luke-else/component-lib",
"version": "1.0.8", "version": "1.0.9",
"description": "", "description": "",
"scripts": { "scripts": {
"package": "svelte-package && pnpm run build:css", "package": "svelte-package && pnpm run build:css",

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>