fix dark mode and layout of devices page

openbikesensor · Mar 4, 2024 · 5563f1d · 5563f1d
1 parent 6a102fb
commit 5563f1d
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/assets/scss/dark.scss b/assets/scss/dark.scss
@@ -37,4 +37,7 @@
     background: adjust-color(green, $alpha: -0.8);
   }
 
+  .device-type-cell img {
+    filter: #{"invert()"};
+  }
 }
diff --git a/assets/scss/features.scss b/assets/scss/features.scss
@@ -346,7 +346,7 @@
 // Special device variants page
 
 .device-types-row {
-    background: #F8F8F8;
+    background: var(--background-1);
     padding: 0;
 }
 
@@ -378,7 +378,7 @@
     }
 
     &.light {
-        background: #FFF;
+      background: var(--background);
     }
 
     img {
@@ -399,6 +399,7 @@
     &.construction {
         .label {
             background: #ffd600;
+            color: black;
         }
         img {
             opacity: 0.3;
@@ -414,13 +415,18 @@
 
     ul {
         text-align: left;
-        // align-self: center;
+        padding-inline: 2rem;
     }
 
     .button {
       margin-top: auto;
       align-self: center;
     }
+
+    @media ($media-mobile) {
+      margin-inline: -1rem;
+      padding-inline: 1rem;
+    }
 }
 
 // Resistors