fixed system

This commit is contained in:
Mark Gregory
2026-06-18 12:30:16 +01:00
parent 38525c8e9a
commit cf3dceb994
6 changed files with 107 additions and 971 deletions
+29
View File
@@ -930,3 +930,32 @@ select:focus[data-flux-control] {
}
}
}
@layer components {
.wms-content,
.wms-main-panel,
.wms-app-shell {
min-width: 0;
}
.wms-content canvas {
max-width: 100%;
}
@media (max-width: 1023px) {
.wms-content {
width: 100%;
max-width: 100vw;
overflow-x: hidden;
padding-inline: 0.875rem;
}
.wms-page-hero {
max-width: 100%;
}
.wms-sidebar-nav {
-webkit-overflow-scrolling: touch;
}
}
}
@@ -1,4 +1,4 @@
{{-- Top Menu Bar --}}
{{-- Shared Application Top Bar --}}
@php
$user = auth()->user();
$dashboardRoute = Route::has('platform.dashboard') && method_exists($user, 'isMpbaPlatformAdmin') && $user?->isMpbaPlatformAdmin()
@@ -7,23 +7,58 @@
@endphp
<header class="sticky top-0 z-40 border-b border-white/10 bg-[#111118]/95 backdrop-blur" role="banner">
<div class="flex h-16 w-full items-center justify-end px-4 lg:px-6">
<div
id="userControls"
class="relative flex shrink-0 items-center gap-3"
x-data="{ open: false }"
x-on:keydown.escape.window="open = false">
<div class="flex h-16 w-full items-center justify-between gap-3 px-3 sm:px-4 lg:px-6">
<div class="flex min-w-0 items-center gap-3 lg:hidden">
<button
type="button"
class="flex items-center gap-3 rounded-2xl border border-white/10 bg-white/5 px-3 py-2 text-left transition hover:bg-white/10 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-offset-2 focus:ring-offset-[#111118]"
class="inline-flex h-11 w-11 shrink-0 items-center justify-center rounded-xl border border-white/10 bg-white/5 text-white transition hover:bg-white/10 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-offset-2 focus:ring-offset-[#111118] lg:hidden"
data-wms-mobile-open
aria-label="{{ __('Open navigation menu') }}"
aria-controls="wms-main-sidebar"
aria-expanded="false"
data-test="mobile-menu-button"
>
<i class="fa-solid fa-bars" aria-hidden="true"></i>
</button>
<a
href="{{ $dashboardRoute ? route($dashboardRoute) : '#' }}"
wire:navigate
class="flex min-w-0 items-center gap-3"
aria-label="{{ __('Warehouse Management System') }}"
>
<span class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-cyan-600 text-sm font-bold text-white shadow-lg shadow-cyan-950/40">
W
</span>
<span class="hidden min-w-0 sm:block">
<span class="block truncate text-sm font-semibold text-white sm:text-base">
{{ __('Warehouse Management System') }}
</span>
<span class="block text-xs font-semibold uppercase tracking-wide text-cyan-400">
MPBA
</span>
</span>
</a>
</div>
<div
id="userControls"
class="relative ml-auto flex shrink-0 items-center gap-3"
x-data="{ open: false }"
x-on:keydown.escape.window="open = false"
>
<button
type="button"
class="flex items-center gap-3 rounded-2xl border border-white/10 bg-white/5 px-2 py-2 text-left transition hover:bg-white/10 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-offset-2 focus:ring-offset-[#111118] sm:px-3"
x-on:click="open = ! open"
x-bind:aria-expanded="open.toString()"
aria-haspopup="menu"
data-test="top-user-menu-button"
>
<span class="hidden text-right sm:block">
<span class="block text-sm font-semibold text-white">{{ $user?->name ?? __('User') }}</span>
<span class="block text-xs text-white/50">{{ $user?->email ?? '' }}</span>
<span class="hidden text-right md:block">
<span class="block max-w-48 truncate text-sm font-semibold text-white">{{ $user?->name ?? __('User') }}</span>
<span class="block max-w-48 truncate text-xs text-white/50">{{ $user?->email ?? '' }}</span>
</span>
<span class="flex h-10 w-10 items-center justify-center rounded-full bg-blue-700 text-xs font-bold text-white shadow-lg shadow-blue-950/40">
@@ -32,16 +67,17 @@
<i class="fa-solid fa-chevron-down hidden text-white/50 sm:block" aria-hidden="true"></i>
</button>
<div
x-cloak
x-show="open"
x-transition.origin.top.right
x-on:click.outside="open = false"
class="absolute right-0 top-full mt-2 w-72 overflow-hidden rounded-2xl border border-white/10 bg-[#181820] shadow-2xl shadow-black/40"
class="absolute right-0 top-full mt-2 w-[calc(100vw-1.5rem)] max-w-72 overflow-hidden rounded-2xl border border-white/10 bg-[#181820] shadow-2xl shadow-black/40 sm:w-72"
role="menu"
>
<div class="border-b border-white/10 px-4 py-3">
<div class="text-sm font-semibold text-white">{{ $user?->name ?? __('User') }}</div>
<div class="truncate text-sm font-semibold text-white">{{ $user?->name ?? __('User') }}</div>
<div class="truncate text-xs text-white/50">{{ $user?->email ?? '' }}</div>
</div>