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:
36
resources/views/flux/table/cell.blade.php
Normal file
36
resources/views/flux/table/cell.blade.php
Normal file
@@ -0,0 +1,36 @@
|
||||
@blaze
|
||||
|
||||
@props([
|
||||
'align' => 'start',
|
||||
'variant' => null,
|
||||
'sticky' => false,
|
||||
])
|
||||
|
||||
@php
|
||||
$classes = Flux::classes()
|
||||
->add('py-3 px-3 first:ps-0 last:pe-0 text-sm')
|
||||
->add(match($align) {
|
||||
'center' => 'text-center',
|
||||
'end' => 'text-end',
|
||||
default => '',
|
||||
})
|
||||
->add(match ($variant) {
|
||||
'strong' => 'font-medium text-text-primary',
|
||||
default => 'text-text-secondary',
|
||||
})
|
||||
->add($sticky ? [
|
||||
'z-10',
|
||||
'first:sticky first:left-0',
|
||||
'last:sticky last:right-0',
|
||||
'first:after:w-8 first:after:absolute first:after:inset-y-0 first:after:right-0 first:after:translate-x-full first:after:pointer-events-none',
|
||||
'last:after:w-8 last:after:absolute last:after:inset-y-0 last:after:left-0 last:after:-translate-x-full last:after:pointer-events-none',
|
||||
'in-data-scrolled-right:first:after:inset-shadow-[8px_0px_8px_-8px_rgba(0,0,0,0.05)]',
|
||||
'in-data-scrolled-left:last:after:inset-shadow-[-8px_0px_8px_-8px_rgba(0,0,0,0.05)]',
|
||||
]: '')
|
||||
->add('not-in-[tr:first-child]:border-t border-border-subtle')
|
||||
;
|
||||
@endphp
|
||||
|
||||
<td {{ $attributes->class($classes) }} data-flux-cell>
|
||||
{{ $slot }}
|
||||
</td>
|
||||
Reference in New Issue
Block a user