From 5be35e45c4f5953b5b4b0d98686226a0f467365d Mon Sep 17 00:00:00 2001 From: "joseph@dxw.com" Date: Mon, 18 Nov 2024 17:32:14 +0000 Subject: [PATCH] Style map and pollutant selector Styled per the design --- app/assets/stylesheets/application.tailwind.css.scss | 6 +++++- app/views/forecasts/_map.html.erb | 6 +++--- 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/app/assets/stylesheets/application.tailwind.css.scss b/app/assets/stylesheets/application.tailwind.css.scss index e74c74e5..18ab787c 100644 --- a/app/assets/stylesheets/application.tailwind.css.scss +++ b/app/assets/stylesheets/application.tailwind.css.scss @@ -86,6 +86,10 @@ main { border-radius: 0 0 10px 10px; } +.map { + @apply w-full h-80; +} + .daqi-scale { @apply flex flex-row; @@ -151,7 +155,7 @@ main { } select { - @apply inline-flex flex-row w-full gap-x-1.5 rounded-md bg-white px-3 py-2 text-base font-semibold text-gray-500 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50; + @apply inline-flex flex-row w-full gap-x-1.5 rounded-md bg-white px-3 py-2 text-base text-gray-500 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50; } .home-page-link { diff --git a/app/views/forecasts/_map.html.erb b/app/views/forecasts/_map.html.erb index 153a82aa..cd5cea71 100644 --- a/app/views/forecasts/_map.html.erb +++ b/app/views/forecasts/_map.html.erb @@ -1,4 +1,4 @@ -<%= render "pollutant_selector" %> -
+
<%= render "shared/daqi_scale" %> -<%= link_to("Learn more about the colour scale", health_advice_path, class: "text-sm text-blue-600 underline") %> \ No newline at end of file +<%= link_to("Learn more about the colour scale", health_advice_path, class: "text-sm text-blue-600 underline") %> +<%= render "pollutant_selector" %> \ No newline at end of file