Skip to content

Commit

Permalink
Style map and pollutant selector
Browse files Browse the repository at this point in the history
Styled per the design
  • Loading branch information
jdudley1123 committed Nov 18, 2024
1 parent 33a357f commit 8a4ce7d
Show file tree
Hide file tree
Showing 2 changed files with 8 additions and 4 deletions.
6 changes: 5 additions & 1 deletion app/assets/stylesheets/application.tailwind.css.scss
Original file line number Diff line number Diff line change
Expand Up @@ -86,6 +86,10 @@ main {
border-radius: 0 0 10px 10px;
}

.map {
@apply w-full h-80;
}

.daqi-scale {
@apply flex flex-row;

Expand Down Expand Up @@ -136,7 +140,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 {
Expand Down
6 changes: 3 additions & 3 deletions app/views/forecasts/_map.html.erb
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<%= render "pollutant_selector" %>
<div id="map" class="map w-full h-80" data-maptiler-api-key="<%= @maptiler_api_key %>" data-map-target="map"></div>
<div id="map" class="map" data-maptiler-api-key="<%= @maptiler_api_key %>" data-map-target="map"></div>
<%= render "shared/daqi_scale" %>
<%= link_to("Learn more about the colour scale", health_advice_path, class: "text-sm text-blue-600 underline") %>
<%= link_to("Learn more about the colour scale", health_advice_path, class: "text-sm text-blue-600 underline") %>
<%= render "pollutant_selector" %>

0 comments on commit 8a4ce7d

Please sign in to comment.