From 2a8e52a330a41ef6ef13971f26d6567f14fef520 Mon Sep 17 00:00:00 2001 From: Mark Gregory Date: Thu, 3 Sep 2026 10:34:49 +0100 Subject: [PATCH] performance updates --- public/favicon-48x48.webp | Bin 0 -> 3598 bytes resources/themes/backend/assets/css/auth.css | 7 +++++++ .../views/livewire/auth/login.blade.php | 18 ++++++++++-------- 3 files changed, 17 insertions(+), 8 deletions(-) create mode 100644 public/favicon-48x48.webp diff --git a/public/favicon-48x48.webp b/public/favicon-48x48.webp new file mode 100644 index 0000000000000000000000000000000000000000..348483d549e70c46b6a9abedf214366a389bb632 GIT binary patch literal 3598 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 Uti;Y(gmyHrX=6YOqm0aA07pCkQ2+n{ literal 0 HcmV?d00001 diff --git a/resources/themes/backend/assets/css/auth.css b/resources/themes/backend/assets/css/auth.css index 2ffa551..c5401a3 100644 --- a/resources/themes/backend/assets/css/auth.css +++ b/resources/themes/backend/assets/css/auth.css @@ -1 +1,8 @@ :root{color-scheme:light dark;font-family:Instrument Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f8fafc;color:#18181b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f8fafc;color:#18181b;-webkit-font-smoothing:antialiased}.auth-main{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-wrap{width:100%;max-width:390px}.auth-brand{display:flex;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 20px;border-radius:10px}.auth-brand img{width:48px;height:48px}.auth-card{background:#fff;border:1px solid #e4e4e7;border-radius:16px;padding:30px;box-shadow:0 10px 30px rgba(15,23,42,.06)}h1{font-size:24px;line-height:1.2;margin:0 0 8px;text-align:center}p{margin:0}.auth-subtitle{text-align:center;color:#71717a;font-size:14px;margin-bottom:24px}.field{margin-bottom:18px}.field-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.field-row label{margin-bottom:0}.field-row .link{flex:0 0 auto;padding:0 8px;margin-right:-8px}label{display:block;font-size:14px;font-weight:600;margin-bottom:7px}input[type=email],input[type=password]{width:100%;height:44px;border:1px solid #d4d4d8;border-radius:9px;padding:0 12px;background:#fff;color:#18181b;font:inherit;outline:none}input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.14)}.remember{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;color:#52525b;cursor:pointer}.remember input{width:20px;height:20px;margin:0}.btn{width:100%;min-height:44px;border:0;border-radius:9px;padding:10px 14px;font:inherit;font-weight:600;cursor:pointer}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-passkey{background:#fff;color:#18181b;border:1px solid #d4d4d8;margin-bottom:18px}.divider{display:flex;align-items:center;gap:12px;color:#71717a;font-size:11px;text-transform:uppercase;margin:2px 0 20px}.divider:before,.divider:after{content:"";height:1px;background:#e4e4e7;flex:1}.link{display:inline-flex;align-items:center;min-height:44px;color:#1d4ed8;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;font-size:14px}.link:hover{text-decoration-thickness:2px}.link:focus-visible,.auth-brand:focus-visible,.btn:focus-visible{outline:3px solid rgba(37,99,235,.45);outline-offset:3px}.signup{text-align:center;color:#52525b;font-size:14px;margin-top:16px;line-height:1.5}.signup .link{margin-left:6px;padding:0 10px;border:1px solid #a1a1aa;border-radius:8px;font-weight:600;text-decoration:underline}.status{padding:10px 12px;border-radius:8px;background:#ecfdf5;color:#047857;font-size:14px;margin-bottom:18px}.error{color:#dc2626;font-size:13px;margin-top:6px}.passkey-error{text-align:center;margin:-8px 0 16px}[hidden]{display:none!important}@media(max-width:480px){.auth-main{padding:16px}.auth-card{padding:24px 20px;border-radius:13px}}@media(prefers-color-scheme:dark){:root{background:#09090b;color:#fafafa}body{background:#09090b;color:#fafafa}.auth-card{background:#18181b;border-color:#27272a;box-shadow:none}.auth-subtitle,.remember,.divider{color:#a1a1aa}.signup{color:#d4d4d8}.signup .link{border-color:#71717a;color:#93c5fd}input[type=email],input[type=password]{background:#09090b;border-color:#3f3f46;color:#fafafa}.btn-passkey{background:#18181b;border-color:#3f3f46;color:#fafafa}.divider:before,.divider:after{background:#3f3f46}.status{background:#052e24;color:#6ee7b7}} + +/* Lighthouse fixes */ +.field-row{min-height:48px;margin-bottom:12px} +.field-row .link{min-width:44px;min-height:44px;padding:0 10px;margin-right:0;font-weight:600;text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:4px} +.signup .link{display:inline-flex;min-width:44px;min-height:44px;justify-content:center;color:#1e40af;border:2px solid currentColor;text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:4px} +.auth-card{min-height:488px} +#passkey-area{min-height:0} diff --git a/resources/themes/backend/views/livewire/auth/login.blade.php b/resources/themes/backend/views/livewire/auth/login.blade.php index 655cdd4..a960fb2 100644 --- a/resources/themes/backend/views/livewire/auth/login.blade.php +++ b/resources/themes/backend/views/livewire/auth/login.blade.php @@ -8,13 +8,15 @@ {{ __('Log in') }} - {{ config('app.name', 'Systems Helpdesk') }} - @vite('resources/themes/backend/assets/css/auth.css') +
- +
@@ -25,12 +27,6 @@
{{ session('status') }}
@endif - -
@csrf
@@ -60,6 +56,12 @@ @if (Route::has('register')) @endif + +