Refactored Color Livewire components, added CreateColor, EditColor, and ShowColor components. Updated views, navigation, and Tailwind color schemes. Adjusted database migrations for consistency.

This commit is contained in:
2025-12-14 01:39:16 +01:00
parent 7e79d1d034
commit ac812ed142
32 changed files with 496 additions and 353 deletions
+1 -1
View File
@@ -1,4 +1,4 @@
<div class="bg-jet-900 w-full border-b border-jet-900">
<div class="bg-elephant w-full border-b border-elephant-900">
<div class="container mx-auto py-6 px-4 sm:px-6 lg:px-8 flex justify-between items-center">
<x-header.header-left>
@isset($headerleft)
@@ -22,7 +22,7 @@
<title>{{ $title . ' | ' . config('app.name') ?? config('app.name') }}</title>
</head>
<body class="font-sans antialiased bg-jet-950/50">
<body class="font-sans antialiased bg-neutral-900">
<x-navbar />
<div class="flex flex-row">
<!--
+52 -38
View File
@@ -1,51 +1,65 @@
<section class="bg-jet-950">
<flux:header class="container mx-auto flex items-center">
<flux:sidebar.toggle class="lg:hidden" icon="bars-2" inset="left" />
<section class="bg-elephant/50">
<flux:header class="container mx-auto flex items-center">
<flux:sidebar.toggle class="lg:hidden" icon="bars-2" inset="left"/>
<flux:brand href="{{ route('dashboard') }}" name="FilamentApp" class="max-lg:hidden dark:hidden" />
<flux:brand href="{{ route('dashboard') }}" name="FilamentApp" class="max-lg:hidden! hidden dark:flex" />
<flux:brand href="{{ route('dashboard') }}" name="FilamentApp" class="max-lg:hidden dark:hidden"/>
<flux:brand href="{{ route('dashboard') }}" name="FilamentApp" class="max-lg:hidden! hidden dark:flex"/>
<flux:navbar class="-mb-px max-lg:hidden">
<flux:navbar.item wire:navigate icon="home" href="{{ route('dashboard') }}">Dashboard</flux:navbar.item>
<flux:navbar.item wire:navigate icon="shopping-bag" href="{{ route('orders.index') }}">Orders</flux:navbar.item>
<flux:navbar class="-mb-px max-lg:hidden">
<flux:navbar.item wire:navigate icon="home" href="{{ route('dashboard') }}">Dashboard</flux:navbar.item>
<flux:navbar.item wire:navigate icon="shopping-bag" href="{{ route('orders.index') }}">Orders
</flux:navbar.item>
<flux:dropdown >
<flux:navbar.item icon="circle-stack" icon-trailing="chevron-down">Filaments</flux:navbar.item>
<flux:navmenu class="bg-jet">
<flux:navmenu.item wire:navigate icon="circle-stack" href="{{ route('filaments.index') }}">All Filaments</flux:navmenu.item>
<flux:navmenu.separator />
<flux:navmenu.item wire:navigate icon="archive-box" href="{{ route('manufacturer.index') }}">Manufacturers</flux:navmenu.item>
<flux:navmenu.item wire:navigate icon="paint-brush" href="{{ route('color.index') }}">Colors</flux:navmenu.item>
<flux:navmenu.item wire:navigate icon="clipboard" href="{{ route('type.index') }}">Types</flux:navmenu.item>
<flux:navmenu.item wire:navigate icon="clipboard" href="{{ route('buildplate.index') }}">BuildPlates</flux:navmenu.item>
</flux:navmenu>
</flux:dropdown>
</flux:navbar>
<flux:dropdown>
<flux:navbar.item icon="circle-stack" icon-trailing="chevron-down">Database</flux:navbar.item>
<flux:navmenu class="bg-white">
<flux:navmenu.item wire:navigate icon="circle-stack" href="{{ route('filaments.index') }}">All
Filaments
</flux:navmenu.item>
<flux:navmenu.separator/>
<flux:navmenu.item wire:navigate icon="archive-box" href="{{ route('manufacturer.index') }}">
Manufacturers
</flux:navmenu.item>
<flux:navmenu.item wire:navigate icon="paint-brush" href="{{ route('color.index') }}">Colors
</flux:navmenu.item>
<flux:navmenu.item wire:navigate icon="clipboard" href="{{ route('type.index') }}">Types
</flux:navmenu.item>
<flux:navmenu.item wire:navigate icon="clipboard" href="{{ route('buildplate.index') }}">
BuildPlates
</flux:navmenu.item>
</flux:navmenu>
</flux:dropdown>
</flux:navbar>
<flux:spacer />
<flux:spacer/>
<flux:navbar class="mr-4">
<flux:navbar.item icon="magnifying-glass" href="#" label="Search" />
<flux:navbar.item class="max-lg:hidden" icon="cog-6-tooth" href="{{ route('settings.index') }}" label="Settings" />
<flux:separator vertical variant="subtle" class="my-2"/>
</flux:navbar>
<flux:navbar class="mr-4">
<flux:navbar.item icon="magnifying-glass" href="#" label="Search"/>
<flux:navbar.item class="max-lg:hidden" icon="cog-6-tooth" href="{{ route('settings.index') }}"
label="Settings"/>
<flux:separator vertical variant="subtle" class="my-2"/>
</flux:navbar>
<flux:dropdown position="top" align="start">
<flux:profile avatar="{{ Auth::user()->profile_photo_url }}" />
<flux:dropdown position="top" align="start">
<flux:profile avatar="{{ Auth::user()->profile_photo_url }}"/>
<flux:menu>
<flux:menu.item href="{{ route('profile.show') }}" icon="user">{{ Auth::user()->name }}</flux:menu.item>
<flux:menu>
<flux:menu.item href="{{ route('profile.show') }}" icon="user">{{ Auth::user()->name }}</flux:menu.item>
<flux:menu.separator />
<form method="POST" action="{{ route('logout') }}" x-data>
@csrf
<flux:menu.item href="{{ route('logout') }}" icon="arrow-right-start-on-rectangle" @click.prevent="$root.submit();">Logout</flux:menu.item>
</form>
<flux:menu.separator/>
<form method="POST" action="{{ route('logout') }}" x-data>
@csrf
<flux:menu.item href="{{ route('logout') }}" icon="arrow-right-start-on-rectangle"
@click.prevent="$root.submit();">Logout
</flux:menu.item>
</form>
</flux:menu>
</flux:dropdown>
</flux:menu>
</flux:dropdown>
</flux:header>
</flux:header>
</section>
+1 -1
View File
@@ -1,6 +1,6 @@
<div>
<table class="w-full rounded-lg">
<thead class="border-b border-jet-200 rounded-t-lg">
<thead class="border-b border-white/70 rounded-t-lg">
<tr class="text-left ">
{{ $tableheader }}
</tr>