identified addresses are no longer monospace
This commit is contained in:
parent
215a4e3d10
commit
f4b9e7fdf3
2 changed files with 10 additions and 3 deletions
|
@ -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);
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue