complete story @12.1

resources/views/components/app-logo.blade.php

@@ -1,32 +1,22 @@
 @props([
-    'size' => 'default',
-    'variant' => 'full',
+    'size' => 'md',
     'showText' => true
 ])
 
 @php
 $sizes = [
-    'small' => 'h-8 min-w-[80px]',      // Mobile minimum
-    'default' => 'h-12 min-w-[120px]',  // Desktop default
-    'large' => 'h-16 min-w-[160px]',    // Large displays
+    'sm' => 'h-8 w-8',      // 32px - Small
+    'md' => 'h-10 w-10',    // 40px - Default
+    'lg' => 'h-12 w-12',    // 48px - Large
 ];
-
-$variants = [
-    'full' => 'logo.svg',
-    'reversed' => 'logo-reversed.svg',
-    'mono' => 'logo-mono.svg',
-];
-
-$sizeClass = $sizes[$size] ?? $sizes['default'];
-$logoFile = $variants[$variant] ?? $variants['full'];
+$sizeClass = $sizes[$size] ?? $sizes['md'];
 @endphp
 
-<div {{ $attributes->merge(['class' => 'flex items-center gap-2 p-5']) }}>
+<div {{ $attributes->merge(['class' => 'flex items-center gap-2']) }}>
     <img
-        src="{{ asset('images/' . $logoFile) }}"
+        src="{{ asset('images/logo.png') }}"
         alt="{{ __('LIBRA for Rights') }}"
-        class="{{ $sizeClass }} w-auto object-contain"
-        onerror="this.onerror=null; this.src='{{ asset('images/logo.png') }}';"
+        class="{{ $sizeClass }} object-contain"
     />
     @if($showText)
         <span class="font-semibold text-sm truncate">{{ __('LIBRA for Rights') }}</span>