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

2
package.json
View File

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

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

@@ -2,21 +2,11 @@
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 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>
<!-- Main Content --> <!-- Main Content -->
<div class="flex-1 flex flex-col"> <div class="flex-1 flex flex-col">
<!-- Label for mobile --> <!-- Label for mobile -->
<div class="md:hidden mb-2"> <div class="mb-2">
<span class="text-2xl font-bold text-blue-400">{label}</span> <span class="text-2xl font-bold text-blue-400">{label}</span>
</div> </div>
<hr class="border-blue-400 mb-6" /> <hr class="border-blue-400 mb-6" />