thm/upend
thm/upend
1
0
Fork 0
Code Issues 75 Pull requests Projects Releases 6 Packages Wiki Activity

identified addresses are no longer monospace

Browse source
This commit is contained in:
Tomáš Mládek 2021-03-28 22:34:19 +02:00
parent 215a4e3d10
commit f4b9e7fdf3
2 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
ui/src/App.vue
View file

@ -38,14 +38,14 @@ export default defineComponent({
@import url("/assets/fonts/inter.css"); @import url("/assets/fonts/inter.css");
html { html {
font-family: "Inter", sans-serif; --default-font: "Inter", sans-serif;
--foreground: #2c3e50; --foreground: #2c3e50;
--background: white; --background: white;
} }
@supports (font-variation-settings: normal) { @supports (font-variation-settings: normal) {
html { html {
font-family: "Inter var", sans-serif; --default-font: "Inter var", sans-serif;
} }
} }
@ -60,6 +60,8 @@ html,
body, body,
#app { #app {
height: calc(100% - 1rem); height: calc(100% - 1rem);
font-family: var(--default-font);
color: var(--foreground); color: var(--foreground);
background: var(--background); background: var(--background);
} }

7
ui/src/components/Address.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<div class="address" ref="root"> <div :class="['address', { identified: Boolean(inferredId) }]" ref="root">
<hash-badge :address="address" class="hash-badge" /> <hash-badge :address="address" class="hash-badge" />
<a v-if="isFile" :href="`/api/raw/${address}`">{{ address }}</a> <a v-if="isFile" :href="`/api/raw/${address}`">{{ address }}</a>
<template v-else> <template v-else>
@ -91,6 +91,11 @@ export default defineComponent({
display: flex; display: flex;
} }
.address.identified {
font-family: var(--default-font);
font-size: .95em;
}
.hash-badge { .hash-badge {
margin-right: 0.5em; margin-right: 0.5em;
} }