style: manual UI tweaks (users/companies headers, wider layout, user-view, projects index)

User's manual changes: header slots with New-user/New-company actions, wider
max-w-7xl containers on /admin/users and /companies, plus tweaks to
user-view and projects index views. All views compile.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-06-17 15:33:02 +02:00
parent 7df6d208d9
commit 564b433a62
6 changed files with 561 additions and 558 deletions
+11 -16
View File
@@ -1,25 +1,20 @@
<x-app-layout>
<x-slot name="header">
<h2 class="font-semibold text-xl text-gray-800 leading-tight">
{{ __('Administrator') }} {{ __('Users') }}
</h2>
<div class="flex items-center justify-between">
<h2 class="font-semibold text-xl text-gray-800 leading-tight">
{{ __('Users') }}
</h2>
<a href="{{ route('admin.users.create') }}" class="btn btn-primary btn-sm gap-1" wire:navigate>
<x-heroicon-o-plus class="w-4 h-4" /> {{ __('New user') }}
</a>
</div>
</x-slot>
<div class="py-4">
<div class="max-w-5xl mx-auto sm:px-6 lg:px-8 flex flex-wrap items-center gap-4">
<a href="{{ route('projects.list') }}" class="btn btn-outline btn-primary">📁 {{ __('Projects') }}</a>
<a href="{{ route('admin.users') }}" class="btn btn-outline btn-secondary">👥 {{ __('User Management') }}</a>
</div>
</div>
<div class="py-12">
<div class="max-w-5xl mx-auto sm:px-6 lg:px-8">
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
<div class="bg-white rounded-lg shadow p-6">
<div class="flex justify-end mb-4">
<a href="{{ route('admin.users.create') }}" class="btn btn-primary btn-sm gap-1" wire:navigate>
<x-heroicon-o-plus class="w-4 h-4" /> {{ __('New user') }}
</a>
</div>
<livewire:user-table />
</div>
</div>
@@ -1,4 +1,11 @@
<div>
<x-slot name="header">
<div>
<h2 class="text-2xl font-bold text-gray-800">{{ __('Company Management') }}</h2>
<p class="text-sm text-gray-500 mt-1">{{ __('Manage the companies that participate in projects') }}</p>
</div>
</x-slot>
<div class="py-12">
@if(session('message'))
<div class="alert alert-success mb-4">
<x-heroicon-o-check-circle class="w-5 h-5" />
@@ -6,16 +13,16 @@
</div>
@endif
<div class="flex items-center justify-between mb-4">
<div>
<h2 class="text-2xl font-bold text-gray-800">{{ __('Company Management') }}</h2>
<p class="text-sm text-gray-500 mt-1">{{ __('Manage the companies that participate in projects') }}</p>
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
<div class="bg-white rounded-lg shadow p-6">
<div class="flex justify-end mb-4">
<a href="{{ route('companies.create') }}" class="btn btn-primary btn-sm gap-1" wire:navigate>
<x-heroicon-o-plus class="w-4 h-4" />
{{ __('New Company') }}
</a>
</div>
<livewire:company-table />
</div>
<a href="{{ route('companies.create') }}" class="btn btn-primary btn-sm gap-1" wire:navigate>
<x-heroicon-o-plus class="w-4 h-4" />
{{ __('New Company') }}
</a>
</div>
<livewire:company-table />
</div>
+1 -1
View File
@@ -11,7 +11,7 @@
</x-slot>
<div class="py-8">
<div class="max-w-3xl mx-auto sm:px-6 lg:px-8">
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
@if(session('notify'))
<div class="alert alert-success mb-4">
File diff suppressed because it is too large Load Diff
+2 -2
View File
@@ -13,7 +13,7 @@
</div>
</x-slot>
<div class="py-8">
<div class="py-12">
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
@if(session('success'))
<div class="alert alert-success mb-4 shadow">
@@ -21,7 +21,7 @@
</div>
@endif
<div class="bg-white rounded-xl shadow">
<div class="bg-white rounded-xl shadow p-6">
<livewire:project-table />
</div>
</div>