songtianlun
f6270b1ad4
- Introduce `weather_description_icon` and `weather_stat_icon` helper methods for displaying SVG icons based on weather conditions and statistics. - Enhance the city show view by using these icons to display visual weather information such as temperature, wind, humidity, visibility, pressure, and cloud cover. - Optimize the visual styling and layout of the weather stats and cards for better user experience.
11 lines
622 B
Plaintext
11 lines
622 B
Plaintext
<!-- app/views/weather_arts/_weather_stat.html.erb -->
|
|
<div class="stat bg-base-200/50 backdrop-blur-sm rounded-box hover:bg-base-300/50 transition-all duration-300">
|
|
<div class="flex items-center gap-2 mb-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="<%= icon %>" />
|
|
</svg>
|
|
<div class="stat-title font-medium"><%= title %></div>
|
|
</div>
|
|
<div class="stat-value text-2xl"><%= value %></div>
|
|
<div class="stat-desc mt-1"><%= desc %></div>
|
|
</div> |