ryan/WeatherDashboard
1
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

show time next to hourly detail

Browse Source
This commit is contained in:
Ryan Peters 2023-04-03 21:02:13 -04:00
parent 70c0fc6646
commit 7f2b0cb41b
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
WeatherDashboard.Web/Views/Home/Index.cshtml
View File

@ -53,7 +53,7 @@
@foreach (var hourForecast in hourForecasts) @foreach (var hourForecast in hourForecasts)
{ {
<div class="row day-detail"> <div class="row day-detail">
<div class="col">@hourForecast.TimeOfDay</div> <div class="col">@hourForecast.TimeOfDay <span class="detail-time">@hourForecast.Forecast.Time.Value.ToShortTimeString()</span></div>
<div class="col">@hourForecast.Forecast.ConditionName / @hourForecast.Forecast.Temperature</div> <div class="col">@hourForecast.Forecast.ConditionName / @hourForecast.Forecast.Temperature</div>
</div> </div>
} }

6
WeatherDashboard.Web/wwwroot/css/site.css
View File

@ -33,7 +33,7 @@ body {
font-size: 50px; font-size: 50px;
position: absolute; position: absolute;
margin: 10px 0 0 10px; margin: 10px 0 0 10px;
opacity: .6; opacity: 0.6;
line-height: 50px; line-height: 50px;
} }
@ -82,7 +82,9 @@ body {
opacity: 0.7; opacity: 0.7;
} }
.forecast-details .detail-time {
opacity: 0.4;
}
.forecast-details .day-detail .col:last-of-type { .forecast-details .day-detail .col:last-of-type {
text-align: right; text-align: right;