New layouts

This commit is contained in:
Mark Gregory
2026-06-11 11:24:12 +01:00
parent af25555ca4
commit eced2487d4
116 changed files with 7569 additions and 475 deletions
+11
View File
@@ -473,6 +473,17 @@ select:focus[data-flux-control] {
color: rgb(74 222 128);
}
.wms-page-hero-icon-card {
min-width: 5.75rem;
place-items: center;
text-align: center;
}
.wms-page-hero-icon-card strong {
justify-content: center;
font-size: 1.85rem;
}
.wms-hero-mobile-menu {
display: none;
width: 2.5rem;
@@ -2,31 +2,40 @@
'eyebrow' => 'MPBA WMS',
'title',
'description' => null,
'icon' => null,
'stats' => [],
])
<section class="wms-page-hero">
<section {{ $attributes->merge(['class' => 'wms-page-hero']) }}>
<div class="wms-page-hero-copy">
<p class="wms-page-hero-eyebrow">{{ $eyebrow }}</p>
<p class="wms-page-hero-kicker">{{ $eyebrow }}</p>
<h1 class="wms-page-hero-title">{{ $title }}</h1>
@if($description)
<p class="wms-page-hero-description">{{ $description }}</p>
@endif
</div>
@if(count($stats))
<div class="wms-page-hero-stats">
@foreach($stats as $stat)
<article class="wms-page-hero-stat">
<p class="wms-page-hero-stat-label">{{ $stat['label'] ?? '' }}</p>
<p class="wms-page-hero-stat-value">
@if(! empty($stat['icon']))
<i class="{{ $stat['icon'] }}" aria-hidden="true"></i>
@endif
<span>{{ $stat['value'] ?? '' }}</span>
</p>
</article>
@endforeach
</div>
@endif
<div class="wms-page-hero-actions">
@foreach($stats as $stat)
<article class="wms-page-hero-stat">
<span>{{ $stat['label'] ?? '' }}</span>
<strong>
@if(! empty($stat['icon']))
<i class="{{ $stat['icon'] }}" aria-hidden="true"></i>
@endif
{{ $stat['value'] ?? '' }}
</strong>
</article>
@endforeach
@if($icon && count($stats) === 0)
<article class="wms-page-hero-stat wms-page-hero-icon-card" aria-hidden="true">
<strong><i class="{{ $icon }}"></i></strong>
</article>
@endif
@if($slot->isNotEmpty())
{{ $slot }}
@endif
</div>
</section>
+7
View File
@@ -1,4 +1,11 @@
<x-layouts::app :title="__('Dashboard')">
<x-wms.page-hero
eyebrow="Operations"
title="Warehouse Command Centre"
description="Open inventory, shipping, replenishment, analytics and administration workspaces from one clean operational dashboard."
icon="fa-solid fa-gauge-high"
/>
<div class="grid gap-6 lg:grid-cols-3">
<section class="rounded-2xl border border-zinc-200 bg-white p-6 shadow-sm dark:border-zinc-800 dark:bg-zinc-900">
<p class="text-sm font-semibold uppercase tracking-[0.2em] text-cyan-600 dark:text-cyan-300">Operations</p>
@@ -34,6 +34,12 @@
<i class="fa-solid fa-screwdriver-wrench wms-sidebar-icon" aria-hidden="true"></i>
<span data-wms-sidebar-label>{{ __('Platform') }}</span>
</a>
@if(Route::has('platform.pricing.index'))
<a href="{{ route('platform.pricing.index') }}" wire:navigate class="wms-sidebar-link @if(request()->routeIs('platform.pricing.*')) is-active @endif" title="{{ __('Pricing') }}">
<i class="fa-solid fa-tags wms-sidebar-icon" aria-hidden="true"></i>
<span data-wms-sidebar-label>{{ __('Pricing') }}</span>
</a>
@endif
@elseif(Route::has('dashboard'))
<a href="{{ route('dashboard') }}" wire:navigate class="wms-sidebar-link @if(request()->routeIs('dashboard')) is-active @endif" title="{{ __('Dashboard') }}">
<i class="fa-solid fa-gauge-high wms-sidebar-icon" aria-hidden="true"></i>