From 98bd3ec660c5c22f067e7ef6aa434c710c36cfc3 Mon Sep 17 00:00:00 2001 From: iridium34 Date: Mon, 17 Mar 2025 01:36:38 +0100 Subject: [PATCH] reworked and recolored Table Component --- resources/css/app.css | 8 +-- .../views/components/layouts/app.blade.php | 2 +- resources/views/components/table.blade.php | 19 +++++++ .../views/components/table/header.blade.php | 3 ++ .../views/components/table/item.blade.php | 3 ++ .../views/livewire/filament/color.blade.php | 53 ++++++++++--------- .../views/vendor/livewire/tailwind.blade.php | 22 ++++---- 7 files changed, 69 insertions(+), 41 deletions(-) create mode 100644 resources/views/components/table.blade.php create mode 100644 resources/views/components/table/header.blade.php create mode 100644 resources/views/components/table/item.blade.php diff --git a/resources/css/app.css b/resources/css/app.css index 0624d14..abecba4 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -12,8 +12,8 @@ Inter, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; - --color-accent: var(--color-rose-500); - --color-accent-content: var(--color-rose-500); + --color-accent: var(--color-orange-500); + --color-accent-content: var(--color-orange-500); --color-accent-foreground: var(--color-white); } @@ -37,8 +37,8 @@ @layer theme { .dark { - --color-accent: var(--color-rose-500); - --color-accent-content: var(--color-rose-400); + --color-accent: var(--color-orange-500); + --color-accent-content: var(--color-orange-400); --color-accent-foreground: var(--color-white); } } diff --git a/resources/views/components/layouts/app.blade.php b/resources/views/components/layouts/app.blade.php index cdb82bc..eb6de3f 100644 --- a/resources/views/components/layouts/app.blade.php +++ b/resources/views/components/layouts/app.blade.php @@ -22,7 +22,7 @@ {{ $title . ' | ' . config('app.name') ?? config('app.name') }} - + {{ $slot }} diff --git a/resources/views/components/table.blade.php b/resources/views/components/table.blade.php new file mode 100644 index 0000000..f89600b --- /dev/null +++ b/resources/views/components/table.blade.php @@ -0,0 +1,19 @@ +
+ + + + {{ $tableheader }} + + + + {{ $slot }} + +
+ + @isset($pagination) +
+ {{ $pagination }} +
+ @endisset + +
\ No newline at end of file diff --git a/resources/views/components/table/header.blade.php b/resources/views/components/table/header.blade.php new file mode 100644 index 0000000..ec6d27b --- /dev/null +++ b/resources/views/components/table/header.blade.php @@ -0,0 +1,3 @@ +merge(['class' => 'py-4 px-3 first:pl-6 last:pr-6']) }}> + {{ $slot }} + \ No newline at end of file diff --git a/resources/views/components/table/item.blade.php b/resources/views/components/table/item.blade.php new file mode 100644 index 0000000..6c24293 --- /dev/null +++ b/resources/views/components/table/item.blade.php @@ -0,0 +1,3 @@ + + {{ $slot }} + \ No newline at end of file diff --git a/resources/views/livewire/filament/color.blade.php b/resources/views/livewire/filament/color.blade.php index 8958217..8e8983b 100644 --- a/resources/views/livewire/filament/color.blade.php +++ b/resources/views/livewire/filament/color.blade.php @@ -15,33 +15,36 @@
- - - - - - - - - - - @foreach ($colors as $color) - - - - - +

{{ $color->name }}

 +
+

{{ $color->hex }}

 +

+ +
- + - -
- @endforeach - -
NameColorHex

{{ $color->name }}

{{ $color->hex }}

 + + + Name + Color + Hex + Rolls + + + + @foreach ($colors as $color) +
-
- {{ $colors->links() }} -
+
+ + + @endforeach + + + {{ $colors->links() }} + + + diff --git a/resources/views/vendor/livewire/tailwind.blade.php b/resources/views/vendor/livewire/tailwind.blade.php index 9ad7f28..7b70086 100644 --- a/resources/views/vendor/livewire/tailwind.blade.php +++ b/resources/views/vendor/livewire/tailwind.blade.php @@ -16,11 +16,11 @@ $scrollIntoViewJsSnippet = ($scrollTo !== false)
@if ($paginator->onFirstPage()) - + {!! __('pagination.previous') !!} @else - @endif @@ -28,11 +28,11 @@ $scrollIntoViewJsSnippet = ($scrollTo !== false) @if ($paginator->hasMorePages()) - @else - + {!! __('pagination.next') !!} @endif @@ -58,14 +58,14 @@ $scrollIntoViewJsSnippet = ($scrollTo !== false) {{-- Previous Page Link --}} @if ($paginator->onFirstPage()) - @else - @endif @@ -103,14 +103,14 @@ $scrollIntoViewJsSnippet = ($scrollTo !== false) {{-- Next Page Link --}} @if ($paginator->hasMorePages()) - @else -