Merge pull request #86 from dxw/87-show-daqi-colour-tiles-as-map-footer

Show daqi colour tiles as map footer
dxw · Nov 7, 2024 · ffc7101 · ffc7101
2 parents f7b4b1f + 7b353c4
commit ffc7101
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/app/views/forecasts/_forecast_tabs.html.erb b/app/views/forecasts/_forecast_tabs.html.erb
@@ -14,4 +14,7 @@
   <%= render partial: "map_selector" %>
   <div id="map" class="map w-full bg-green-200 h-80" data-maptiler-api-key="<%= @maptiler_api_key %>">
   </div>
+  <div class="w-full h-10 bg-stone-700">
+    <%= render "shared/daqi_scale" %>
+  </div>
 </div>
diff --git a/app/views/shared/_daqi_scale.html.erb b/app/views/shared/_daqi_scale.html.erb
@@ -5,8 +5,8 @@
   <div class="py-2 daqi-level grow bg-yellow-300">4</div>
   <div class="py-2 daqi-level grow bg-amber-200">5</div>
   <div class="py-2 daqi-level grow bg-yellow-500">6</div>
-  <div class="py-2 daqi-level grow bg-orange-500">7</div>
-  <div class="py-2 daqi-level grow bg-red-500">8</div>
-  <div class="py-2 daqi-level grow bg-red-800">9</div>
-  <div class="py-2 daqi-level grow bg-stone-700">10</div>
+  <div class="py-2 daqi-level grow bg-orange-500 text-white">7</div>
+  <div class="py-2 daqi-level grow bg-red-500 text-white">8</div>
+  <div class="py-2 daqi-level grow bg-red-800 text-white">9</div>
+  <div class="py-2 daqi-level grow bg-stone-700 text-white">10</div>
 </div>
diff --git a/app/views/shared/_header.html.erb b/app/views/shared/_header.html.erb
@@ -1,5 +1,4 @@
 <header class="bg-gray-50" >
-  <%= render "shared/daqi_scale" %>
   <div class="flex flex-row p-4" >
     <div class="heading bg-gray-50 grow" >
       <h1 class="text-4xl font-bold">