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

65
resources/views/flux/sidebar/brand.blade.php Normal file
View File

@@ -0,0 +1,65 @@
@blaze
@php $logoDark ??= $attributes->pluck('logo:dark'); @endphp
@props([
'name' => null,
'logo' => null,
'logoDark' => null,
'alt' => null,
'href' => '/',
])
@php
$classes = Flux::classes()
->add('h-10 flex items-center px-2 in-data-flux-sidebar-collapsed-desktop:w-10 in-data-flux-sidebar-collapsed-desktop:px-2')
->add('in-data-flux-sidebar-collapsed-desktop:in-data-flux-sidebar-active:absolute')
->add('in-data-flux-sidebar-collapsed-desktop:in-data-flux-sidebar-active:opacity-0')
;
$textClasses = Flux::classes()
->add('text-sm font-medium truncate [:where(&)]:text-zinc-800 dark:[:where(&)]:text-zinc-100')
;
@endphp
<?php if ($name): ?>
<a href="{{ $href }}" {{ $attributes->class([ $classes, 'gap-2' ]) }} data-flux-sidebar-brand>
<?php if ($logo instanceof \Illuminate\View\ComponentSlot): ?>
<div {{ $logo->attributes->class('flex items-center justify-center [:where(&)]:h-6 [:where(&)]:min-w-6 [:where(&)]:rounded-sm overflow-hidden shrink-0') }}>
{{ $logo }}
</div>
<?php else: ?>
<div class="flex items-center justify-center h-6 min-w-6 rounded-sm overflow-hidden shrink-0">
<?php if ($logoDark): ?>
<img src="{{ $logo }}" alt="{{ $alt }}" class="h-6 min-w-6 dark:hidden" />
<img src="{{ $logoDark }}" alt="{{ $alt }}" class="h-6 min-w-6 hidden dark:block" />
<?php elseif ($logo): ?>
<img src="{{ $logo }}" alt="{{ $alt }}" class="h-6 min-w-6" />
<?php else: ?>
{{ $slot }}
<?php endif; ?>
</div>
<?php endif; ?>
<div class="{{ $textClasses }} in-data-flux-sidebar-collapsed-desktop:hidden">{{ $name }}</div>
</a>
<?php else: ?>
<a href="{{ $href }}" {{ $attributes->class($classes) }} data-flux-sidebar-brand>
<?php if ($logo instanceof \Illuminate\View\ComponentSlot): ?>
<div {{ $logo->attributes->class('flex items-center justify-center [:where(&)]:h-6 [:where(&)]:min-w-6 [:where(&)]:rounded-sm overflow-hidden shrink-0') }}>
{{ $logo }}
</div>
<?php else: ?>
<div class="flex items-center justify-center h-6 rounded-sm overflow-hidden shrink-0">
<?php if ($logoDark): ?>
<img src="{{ $logo }}" alt="{{ $alt }}" class="h-6 dark:hidden" />
<img src="{{ $logoDark }}" alt="{{ $alt }}" class="h-6 hidden dark:block" />
<?php elseif ($logo): ?>
<img src="{{ $logo }}" alt="{{ $alt }}" class="h-6" />
<?php else: ?>
{{ $slot }}
<?php endif; ?>
</div>
<?php endif; ?>
</a>
<?php endif; ?>