From f4b9e7fdf3ed32c44bdc36f21d28ba2d55004eff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Sun, 28 Mar 2021 22:34:19 +0200
Subject: [PATCH] identified addresses are no longer monospace

---
 ui/src/App.vue                | 6 ++++--
 ui/src/components/Address.vue | 7 ++++++-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/ui/src/App.vue b/ui/src/App.vue
index ee69140..cc2e75a 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -38,14 +38,14 @@ export default defineComponent({
 @import url("/assets/fonts/inter.css");
 
 html {
-  font-family: "Inter", sans-serif;
+  --default-font: "Inter", sans-serif;
   --foreground: #2c3e50;
   --background: white;
 }
 
 @supports (font-variation-settings: normal) {
   html {
-    font-family: "Inter var", sans-serif;
+    --default-font: "Inter var", sans-serif;
   }
 }
 
@@ -60,6 +60,8 @@ html,
 body,
 #app {
   height: calc(100% - 1rem);
+
+  font-family: var(--default-font);
   color: var(--foreground);
   background: var(--background);
 }
diff --git a/ui/src/components/Address.vue b/ui/src/components/Address.vue
index 814ddf2..2eac011 100644
--- a/ui/src/components/Address.vue
+++ b/ui/src/components/Address.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="address" ref="root">
+  <div :class="['address', { identified: Boolean(inferredId) }]" ref="root">
     <hash-badge :address="address" class="hash-badge" />
     <a v-if="isFile" :href="`/api/raw/${address}`">{{ address }}</a>
     <template v-else>
@@ -91,6 +91,11 @@ export default defineComponent({
   display: flex;
 }
 
+.address.identified {
+  font-family: var(--default-font);
+  font-size: .95em;
+}
+
 .hash-badge {
   margin-right: 0.5em;
 }