29 lines
1.1 KiB
PHP
29 lines
1.1 KiB
PHP
<x-app-layout>
|
|
<x-slot name="header">
|
|
{{ __('Colors') }}
|
|
</x-slot>
|
|
|
|
<x-slot name="headeraction">
|
|
<div class="flex gap-4 justify-end">
|
|
<a href="{{ route('colors.create') }}" class="bg-zinc-500 hover:bg-green-500 text-zinc-50 hover:text-zinc-700 font-bold text-base py-2 px-4 rounded cursor-pointer">Create</a>
|
|
</div>
|
|
</x-slot>
|
|
|
|
<div class="py-12">
|
|
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
|
|
<div class="bg-white dark:bg-zinc-700 overflow-hidden shadow-xl sm:rounded-lg">
|
|
<div class="grid">
|
|
@foreach ($colors as $color)
|
|
<div class="flex gap-6 py-3 px-4 items-center">
|
|
<div class="w-10 h-10 rounded" style="background-color: {{ $color->hex }}"></div>
|
|
<div class="p-2"><a href="/colors/{{ $color->id }}">{{ $color->name }}</a></div>
|
|
<div class="p-2"><a href="/colors/{{ $color->id }}">{{ $color->hex }}</a></div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</x-app-layout>
|