Set sizes on images

openaustralia · Sep 6, 2023 · 402f155 · 402f155
1 parent 77ace7d
commit 402f155
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/app/views/_tailwind/application/_footer.html.erb b/app/views/_tailwind/application/_footer.html.erb
@@ -1,6 +1,6 @@
 <footer class="bg-[#03827a] text-white font-sans text-lg py-20">
   <%= render Tailwind::ContainerComponent.new do %>
-    <%= image_tag "tailwind/logo-white.svg", class: "w-60 mb-2", alt: "Planning Alerts" %>
+    <%= image_tag "tailwind/logo-white.svg", class: "w-60 mb-2", alt: "Planning Alerts", size: "240x32" %>
     <div class="grid grid-cols-12 gap-6 md:gap-4">
       <div class="col-span-12 md:col-span-5">
         <div class="space-y-2">

diff --git a/app/views/_tailwind/application/_header.html.erb b/app/views/_tailwind/application/_header.html.erb
@@ -21,8 +21,8 @@
       <%= render Tailwind::ContainerComponent.new do %>
         <div class="pt-2 sm:py-8">
           <%# Switches between these two blocks at "sm" breakpoint %>
-          <%= image_tag "tailwind/logo.svg", class: "hidden sm:block", alt: "Planning Alerts. Email alerts of planning applications near you" %>
-          <%= image_tag "tailwind/logo-navy.svg", class: "sm:hidden", alt: "Planning Alerts" %>
+          <%= image_tag "tailwind/logo.svg", class: "hidden sm:block", size: "408x96", alt: "Planning Alerts. Email alerts of planning applications near you" %>
+          <%= image_tag "tailwind/logo-navy.svg", class: "sm:hidden", size: "350x46", alt: "Planning Alerts" %>
         </div>
       <% end %>
     </div>

diff --git a/app/views/_tailwind/application/_menu_mobile.html.erb b/app/views/_tailwind/application/_menu_mobile.html.erb
@@ -9,7 +9,7 @@
         <%= render "application/svg/close" %>
         <span class="pr-2 text-lg font-medium">Close</span>
       </button>
-      <%= image_tag "tailwind/logo-navy.svg", class: "w-60", alt: "Planning Alerts" %>
+      <%= image_tag "tailwind/logo-navy.svg", class: "w-60", alt: "Planning Alerts", size: "240x32" %>
       <div class="mt-8 font-medium">
         <ul>
           <li><%= link_to "Home", root_path, class: class_names("decoration-fuchsia", "decoration-4", "underline" => current_page?(root_path)) %></li>