Limit width of widgets

This commit is contained in:
Svilen Markov 2024-09-06 21:45:03 +01:00
parent 4476391287
commit 6b0a569998
3 changed files with 44 additions and 41 deletions

View File

@ -1206,7 +1206,6 @@ details[open] .summary::after {
flex-direction: column;
width: calc(100% / 12);
padding-top: 3px;
max-width: 30px;
}
.weather-column-value, .weather-columns:hover .weather-column-value {

View File

@ -1,6 +1,7 @@
{{ template "widget-base.html" . }}
{{ define "widget-content" }}
<div class="widget-small-content-bounds">
<div class="flex justify-between items-center">
<div class="color-highlight size-h1">{{ .Calendar.CurrentMonthName }}</div>
<ul class="list-horizontal-text color-highlight size-h4">
@ -24,4 +25,5 @@
<div class="calendar-day{{ if eq . $.Calendar.CurrentDay }} calendar-day-today{{ end }}">{{ . }}</div>
{{ end }}
</div>
</div>
{{ end }}

View File

@ -1,6 +1,7 @@
{{ template "widget-base.html" . }}
{{ define "widget-content" }}
<div class="widget-small-content-bounds">
<div class="size-h2 color-highlight text-center">{{ .Weather.WeatherCodeAsString }}</div>
<div class="size-h4 text-center">Feels like {{ .Weather.ApparentTemperature }}°{{ if eq .Units "metric" }}C{{ else }}F{{ end }}</div>
@ -26,4 +27,5 @@
<div class="text-truncate">{{ .Place.Name }},{{ if .ShowAreaName }} {{ .Place.Area }},{{ end }} {{ .Place.Country }}</div>
</div>
{{ end }}
</div>
{{ end }}