feat: improve contrast weather widget (#46)

* feat: improve contrast weather widget * chore: change box-shadow * chore: update weather.component.less
taiga-family · Aug 2, 2024 · c5d6444 · c5d6444
1 parent 5a482f2
commit c5d6444
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/apps/taiga-lumbermill/src/dashboards/iot/components/weather/weather.component.html b/apps/taiga-lumbermill/src/dashboards/iot/components/weather/weather.component.html
@@ -6,13 +6,12 @@
         tuiAppearance="whiteblock"
         tuiCardLarge="normal"
         class="card"
-        [class.card_light]="getTypeOfWeather(current.condition.code) != 'clouds'"
         [style.background-image]="getImage(current.condition.code)"
     >
         <header tuiHeader>
             <h2
                 tuiTitle
-                [class.card_light]="getTypeOfWeather(current.condition.code) != 'clouds'"
+                [style.color]="'var(--tui-text-primary-on-accent-1)'"
                 [style.text-align]="'center'"
             >
                 Weather

diff --git a/apps/taiga-lumbermill/src/dashboards/iot/components/weather/weather.component.less b/apps/taiga-lumbermill/src/dashboards/iot/components/weather/weather.component.less
@@ -6,10 +6,9 @@
 
 .card {
     background-position: center;
-
-    &_light {
-        color: var(--tui-background-base);
-    }
+    overflow: hidden;
+    box-shadow: inset 0 10rem 10rem 10rem rgba(0, 0, 0, 0.527);
+    color: var(--tui-text-primary-on-accent-1);
 }
 
 .info {