einundzwanzig/einundzwanzig-verein
1
0
Fork 0
mirror of https://github.com/HolgerHatGarKeineNode/einundzwanzig-nostr.git synced 2026-01-27 06:33:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

🎨 Modularize and refactor CSS: restructure styles into theme.css, base.css, utilities.css, and component-specific files (flux-overrides.css, custom.css, leaflet.css) to improve maintainability and align with the Einundzwanzig Design System.

Browse Source
This commit is contained in:
HolgerHatGarKeineNode
2026-01-23 23:16:09 +01:00
parent b30fec150c
commit fe92418dbb
9 changed files with 408 additions and 346 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
resources/views/flux/navbar/item.blade.php
View File

@@ -24,11 +24,8 @@ $iconClasses = Flux::classes($square ? 'size-6' : 'size-5');
$classes = Flux::classes()
->add('px-3 h-8 flex items-center rounded-lg')
->add('relative') // This is here for the "active" bar at the bottom to be positioned correctly...
->add($square ? '' : 'px-2.5!')
->add('text-text-secondary')
// Styles for when this link is the "current" one...
->add('data-current:after:absolute data-current:after:-bottom-3 data-current:after:inset-x-0 data-current:after:h-[2px]')
->add([
'[--hover-fill:var(--color-bg-elevated)]',
])
@@ -36,12 +33,10 @@ $classes = Flux::classes()
true => [
'hover:text-text-primary',
'data-current:text-text-primary hover:data-current:text-text-primary hover:bg-bg-elevated hover:data-current:bg-(--hover-fill)',
'data-current:after:bg-orange-primary',
],
false => [
'hover:text-text-primary',
'data-current:text-text-primary hover:bg-bg-elevated',
'data-current:after:bg-text-primary',
],
})
;

2
resources/views/layouts/app.blade.php
View File

@@ -23,7 +23,7 @@
<body class="min-h-screen bg-bg-page antialiased"
x-data="nostrLogin"
>
<flux:header sticky class="bg-bg-surface border-b border-border-default">
<flux:header sticky class="bg-bg-surface h-18">
<flux:sidebar.toggle class="lg:hidden" icon="bars-2" inset="left"/>
<flux:brand href="/" name="EINUNDZWANZIG" class="max-lg:hidden dark:hidden">