fix: svg handling in safari (#395)

21stdigital · Nov 29, 2024 · 0445c34 · 0445c34
1 parent 05d6156
commit 0445c34
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/resources/views/components/elements/info-box.blade.php b/resources/views/components/elements/info-box.blade.php
@@ -3,7 +3,7 @@
     @if ($logo)
         {!! Statamic::tag('svg')->params([
             'src' => $logo,
-            'class' => 'w-[12rem] mb-20'
+            'class' => 'max-w-[12rem] mb-20 max-h-[4.2rem] h-full'
         ]) !!}
     @endif
     <x-text :text="$text" />

diff --git a/resources/views/components/layout-modules/quote.blade.php b/resources/views/components/layout-modules/quote.blade.php
@@ -17,12 +17,12 @@ class="mt-32 flex gap-12 max-sm:flex-col sm:items-start sm:justify-between sm:ga
                     <a href="{{ $client_url }}"
                         class="w-[12rem] sm:flex sm:justify-end md:w-[16.6rem]">
                         <x-utilities.svg :svg="$client_logo"
-                            class="max-h-[4.2rem] max-w-[12rem] md:max-h-[5.8rem] md:max-w-[16.6rem]" />
+                            class="size-full max-h-[4.2rem] max-w-[12rem] md:max-h-[5.8rem] md:max-w-[16.6rem]" />
                     </a>
                 @else
                     <div class="w-[12rem] sm:flex sm:justify-end md:w-[16.6rem]">
                         <x-utilities.svg :svg="$client_logo"
-                            class="max-h-[4.2rem] max-w-[12rem] md:max-h-[5.8rem] md:max-w-[16.6rem]" />
+                            class="size-full max-h-[4.2rem] max-w-[12rem] md:max-h-[5.8rem] md:max-w-[16.6rem]" />
                     </div>
                 @endif
 

diff --git a/resources/views/livewire/layout-modules/case-study-teaser-list.blade.php b/resources/views/livewire/layout-modules/case-study-teaser-list.blade.php
@@ -3,7 +3,7 @@
         <article class="bg-gradient-dark-900 border-highlight-3-600 border p-20 sm:p-32">
             {!! Statamic::tag('svg')->params([
                 'src' => $entry['logo'],
-                'class' => 'max-w-[12rem] mb-20 max-h-[4.2rem]'
+                'class' => 'max-w-[12rem] mb-20 max-h-[4.2rem] h-full'
             ]) !!}
 
             <h3 class="text-h5 mb-12 text-balance">