fix(sidebar): change styles for friends request label (#2983)

Satellite-im · May 3, 2022 · 9ec2fc2 · 9ec2fc2
1 parent e3a2da0
commit 9ec2fc2
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 3 deletions.
diff --git a/assets/fonts/Poppins-Bold.ttf b/assets/fonts/Poppins-Bold.ttf
diff --git a/assets/fonts/SpaceMono-Bold.ttf b/assets/fonts/SpaceMono-Bold.ttf
diff --git a/components/views/navigation/sidebar/Sidebar.less b/components/views/navigation/sidebar/Sidebar.less
@@ -106,13 +106,15 @@
 
   .label {
     position: absolute;
+    text-align: center;
     top: 0.25rem;
     right: 0.25rem;
-    font-size: @micro-text-size;
+    font-size: @mini-text-size;
     background-color: var(--flair-color);
     border-radius: 2px;
-    line-height: 1.2;
-    padding: 0.15rem 0.25rem;
+    line-height: 1;
+    padding: 0.25rem;
+    min-width: 18px;
     &:extend(.font-primary);
     font-family: @primary-font;
   }

diff --git a/layouts/default.vue b/layouts/default.vue
@@ -26,12 +26,24 @@ export default Vue.extend({
   font-weight: 400;
   src: url('~assets/fonts/SpaceMono-Regular.ttf');
 }
+@font-face {
+  font-family: 'SpaceMono';
+  font-style: normal;
+  font-weight: 700;
+  src: url('~assets/fonts/SpaceMono-Bold.ttf');
+}
 @font-face {
   font-family: @secondary-font;
   font-style: normal;
   font-weight: 400;
   src: url('~assets/fonts/Poppins-Regular.ttf');
 }
+@font-face {
+  font-family: @secondary-font;
+  font-style: normal;
+  font-weight: 700;
+  src: url('~assets/fonts/Poppins-Bold.ttf');
+}
 p {
   font-family: @secondary-font;
   font-size: 16px;