mirror of
https://github.com/HolgerHatGarKeineNode/einundzwanzig-nostr.git
synced 2026-01-28 07:43:18 +00:00
🎨 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.
This commit is contained in:
20
resources/views/flux/slider/tick.blade.php
Normal file
20
resources/views/flux/slider/tick.blade.php
Normal file
@@ -0,0 +1,20 @@
|
||||
@props(['value'])
|
||||
|
||||
@php
|
||||
$classes = Flux::classes()
|
||||
->add('relative w-px min-h-4 min-w-4 flex flex-col justify-center items-center text-xs font-medium text-zinc-400 data-active:text-zinc-500 dark:text-white/70 dark:data-active:text-white whitespace-nowrap -translate-x-1/2')
|
||||
->add('mt-2 has-data-flux-slider-tick-line:mt-1')
|
||||
;
|
||||
|
||||
$tickLineClasses = Flux::classes()
|
||||
->add('h-1 w-px bg-black/25 dark:bg-white/25')
|
||||
;
|
||||
@endphp
|
||||
|
||||
<div {{ $attributes->class($classes) }} data-flux-slider-tick data-value="{{ $value }}" size="sm" variant="subtle">
|
||||
<?php if ($slot->isNotEmpty()): ?>
|
||||
{{ $slot }}
|
||||
<?php else: ?>
|
||||
<span data-flux-slider-tick-line class="{{ $tickLineClasses }}"></span>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
Reference in New Issue
Block a user