naser/libra
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

complete story 13.2 and made the logo bigger

Browse Source
This commit is contained in:
Naser Mansour
2026-01-04 22:43:26 +02:00
parent b5ef8f9d28
commit d9a35a19d0
4 changed files with 81 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/components/layouts/auth.blade.php
+2 -2
View File
@@ -1,3 +1,3 @@
<x-layouts.auth.simple :title="$title ?? null">
<x-layouts.auth.split :title="$title ?? null">
{{ $slot }}
</x-layouts.auth.simple>
</x-layouts.auth.split>
resources/views/components/layouts/auth/split.blade.php
+19 -25
View File
@@ -3,38 +3,32 @@
<head>
@include('partials.head')
</head>
<body class="min-h-screen bg-white antialiased dark:bg-linear-to-b dark:from-neutral-950 dark:to-neutral-900" style="font-family: var(--font-{{ app()->getLocale() === 'ar' ? 'arabic' : 'english' }})">
<body class="min-h-screen bg-background antialiased" style="font-family: var(--font-{{ app()->getLocale() === 'ar' ? 'arabic' : 'english' }})">
<!-- Skip to content link for keyboard accessibility -->
<a href="#main-content" class="skip-link" data-test="skip-to-content">
{{ __('accessibility.skip_to_content') }}
</a>
<!-- Language Toggle -->
<div class="absolute end-4 top-4 z-50">
<x-language-toggle variant="light" />
</div>
<main id="main-content" role="main" tabindex="-1" class="relative grid h-dvh lg:grid-cols-2">
<!-- Left: Brand panel with logo as full background -->
<a href="{{ route('home') }}" class="relative hidden h-full bg-primary lg:block" wire:navigate>
<img
src="{{ asset('images/logo.png') }}"
alt="{{ __('LIBRA for Rights') }}"
class="absolute inset-0 h-full w-full object-contain p-12"
/>
<span class="sr-only">{{ config('app.name', 'Laravel') }}</span>
</a>
<main id="main-content" role="main" tabindex="-1" class="relative grid h-dvh flex-col items-center justify-center px-8 sm:px-0 lg:max-w-none lg:grid-cols-2 lg:px-0">
<div class="bg-muted relative hidden h-full flex-col p-10 text-white lg:flex dark:border-e dark:border-neutral-800">
<div class="absolute inset-0 bg-neutral-900"></div>
<a href="{{ route('home') }}" class="relative z-20 flex items-center gap-3 text-lg font-medium" wire:navigate>
<x-logo size="md" />
<span class="text-white">{{ config('app.name', 'Laravel') }}</span>
</a>
@php
[$message, $author] = str(Illuminate\Foundation\Inspiring::quotes()->random())->explode('-');
@endphp
<div class="relative z-20 mt-auto">
<blockquote class="space-y-2">
<flux:heading size="lg">&ldquo;{{ trim($message) }}&rdquo;</flux:heading>
<footer><flux:heading>{{ trim($author) }}</flux:heading></footer>
</blockquote>
<!-- Right: Form panel with background bg -->
<div class="relative w-full bg-background lg:p-8">
<!-- Language Toggle -->
<div class="absolute end-4 top-4 z-50">
<x-language-toggle variant="light" />
</div>
</div>
<div class="w-full lg:p-8">
<div class="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]">
<div class="mx-auto flex h-full w-full flex-col items-center justify-center space-y-6 px-8 sm:w-[350px] sm:px-0">
<!-- Mobile logo (shown only on mobile) -->
<a href="{{ route('home') }}" class="z-20 flex flex-col items-center gap-2 font-medium lg:hidden" wire:navigate>
<x-logo size="xl" />
<span class="sr-only">{{ config('app.name', 'Laravel') }}</span>
resources/views/components/logo.blade.php
+7 -4
View File
@@ -2,10 +2,13 @@
@php
$sizes = [
'sm' => 'h-10 w-10', // 40px - Mobile nav
'md' => 'h-12 w-12', // 48px - Desktop nav
'lg' => 'h-16 w-16', // 64px - Footer
'xl' => 'h-20 w-20', // 80px - Auth pages
'sm' => 'h-10 w-10', // 40px - Mobile nav
'md' => 'h-12 w-12', // 48px - Desktop nav
'lg' => 'h-16 w-16', // 64px - Footer
'xl' => 'h-20 w-20', // 80px - Auth pages mobile
'2xl' => 'h-48 w-48', // 192px - Large display
'hero' => 'h-64 w-64', // 256px - Hero/splash
'full' => 'h-[50vh] w-auto max-w-[80%]', // Half viewport - Auth split panel
];
$sizeClass = $sizes[$size] ?? $sizes['md'];
@endphp