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

🎨 Add new Flux icons: implement multiple reusable icon components (e.g., hand-raised, hand-thumb-up, heart, hashtag, home) with variant support for improved UI consistency.

Browse Source
This commit is contained in:
HolgerHatGarKeineNode
2026-01-23 23:00:02 +01:00
parent 578e4f13fc
commit b30fec150c
792 changed files with 307541 additions and 117 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
resources/views/flux/sidebar/collapse.blade.php Normal file
View File

@@ -0,0 +1,39 @@
@blaze
@php $tooltipPosition = $tooltipPosition ??= $attributes->pluck('tooltip:position'); @endphp
@php $tooltipKbd = $tooltipKbd ??= $attributes->pluck('tooltip:kbd'); @endphp
@php $tooltip = $tooltip ??= $attributes->pluck('tooltip'); @endphp
@props([
'tooltipPosition' => 'right',
'tooltipKbd' => null,
'tooltip' => __('Toggle sidebar'),
'inset' => null,
])
@php
$classes = Flux::classes()
->add('w-10 h-8 flex items-center justify-center')
->add('in-data-flux-sidebar-collapsed-desktop:opacity-0')
->add('in-data-flux-sidebar-collapsed-desktop:absolute')
->add('in-data-flux-sidebar-collapsed-desktop:in-data-flux-sidebar-active:opacity-100')
->add($inset ? Flux::applyInset($inset, top: '-mt-2.5', right: '-me-2.5', bottom: '-mb-2.5', left: '-ms-2.5') : '')
;
$buttonClasses = Flux::classes()
->add('size-10 relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none text-sm rounded-lg inline-flex bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-500 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white')
->add('in-data-flux-sidebar-collapsed-desktop:cursor-e-resize rtl:in-data-flux-sidebar-collapsed-desktop:cursor-w-resize')
->add('[&[collapsible="mobile"]]:in-data-flux-sidebar-on-desktop:hidden')
->add('rtl:rotate-180')
;
@endphp
<ui-sidebar-toggle {{ $attributes->class($classes) }} data-flux-sidebar-collapse>
<flux:tooltip :content="$tooltip" :position="$tooltipPosition" :kbd="$tooltipKbd">
<button type="button" class="{{ $buttonClasses }}">
<svg class="text-zinc-500 dark:text-zinc-400" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.5 3.75V16.25M3.4375 16.25H16.5625C17.08 16.25 17.5 15.83 17.5 15.3125V4.6875C17.5 4.17 17.08 3.75 16.5625 3.75H3.4375C2.92 3.75 2.5 4.17 2.5 4.6875V15.3125C2.5 15.83 2.92 16.25 3.4375 16.25Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</flux:tooltip>
</ui-sidebar-toggle>