console: Fix font sizes, font weights and border radiuses

TheThingsNetwork · Jan 15, 2024 · 38192d8 · 38192d8
1 parent e1f2245
commit 38192d8
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 9 deletions.
diff --git a/pkg/webui/components/news-panel/news-item/news-item.styl b/pkg/webui/components/news-panel/news-item/news-item.styl
@@ -27,7 +27,7 @@
 
   .title
     width: 100%
-    font-weight: 700
+    font-weight: $fwv2.bold
     color: #181A2F
     overflow: hidden
     display: -webkit-box

diff --git a/pkg/webui/components/panel/panel.styl b/pkg/webui/components/panel/panel.styl
@@ -14,7 +14,7 @@
 
 .panel
   min-width: 32.5rem
-  max-width: 52.071rem
+  max-width: 52rem
   border-radius: $br.xl
   border: 1px solid $c.grey-200
   background-color: $c.white
@@ -24,7 +24,7 @@
   .button
     reset-button()
     color: #1E5DFF
-    font-weight: 590
+    font-weight: $fwv2.semibold
 
     &:hover
       text-decoration: underline
@@ -33,6 +33,6 @@
     font-size: 1.5rem !important
 
   .title
-    font-weight: 700
-    font-size: 1.25rem
+    font-weight: $fwv2.bold
+    font-size: $fsv2.l
     line-height: 1
diff --git a/pkg/webui/components/panel/toggle/toggle.styl b/pkg/webui/components/panel/toggle/toggle.styl
@@ -26,7 +26,7 @@
     &-active
       border: 1px solid $c.grey-200
       background: $c.white
-      font-weight: 510
+      font-weight: $fwv2.regular
 
     &:hover:not(.button-active)
       background: $c.grey-100
diff --git a/pkg/webui/components/shortcut-panel/shortcut-item/shortcut-item.styl b/pkg/webui/components/shortcut-panel/shortcut-item/shortcut-item.styl
@@ -20,7 +20,7 @@
   background: $c.tts-primary
   color: $c.white
   font-size: $fs.s
-  font-weight: 590
+  font-weight: $fwv2.semibold
 
   .icon
     font-size: 2rem !important

diff --git a/pkg/webui/components/status-label/status-label.styl b/pkg/webui/components/status-label/status-label.styl
@@ -14,7 +14,7 @@
 
 .label
   border-radius: 2rem
-  font-weight: 590
+  font-weight: $fwv2.semibold
   width: fit-content
 
   &.success

diff --git a/pkg/webui/styles/variables/generic.styl b/pkg/webui/styles/variables/generic.styl
@@ -152,6 +152,12 @@ $fs = {
   'xl4': 3.428rem // ~48px
 }
 
+$fsv2 = {
+  's': 0.75rem,
+  'm': 1rem,
+  'l': 1.25rem
+}
+
 // Corresponding default line heights.
 $lh = {
   's': $line-height-base
@@ -172,7 +178,7 @@ $fwv2 = {
   'regular': 400,
   'medium': 500,
   'semibold': 600,
-  'bold': 800,
+  'bold': 700,
 }
 
 // Font weights for headings