stylistic changes

This commit is contained in:
Henry Jameson 2021-06-10 18:52:23 +03:00
parent cc00af7a31
commit b84aeff6bf
2 changed files with 15 additions and 6 deletions

View file

@ -49,6 +49,17 @@
} }
} }
.at {
color: var(--link);
opacity: 0.8;
display: inline-block;
height: 50%;
line-height: 1;
padding: 0 0.1em;
vertical-align: -25%;
margin: 0;
}
&:not(.-oldStyle) { &:not(.-oldStyle) {
.short { .short {
padding-left: 0.25em; padding-left: 0.25em;
@ -61,9 +72,8 @@
.at { .at {
color: var(--faint); color: var(--faint);
opacity: 0.8; opacity: 0.8;
display: inline-block; padding-right: 0.25em;
height: 50%; vertical-align: -20%;
line-height: 1;
} }
} }

View file

@ -21,13 +21,12 @@
:class="[{ '-sublime': !highlight }, oldStyle ? 'button-unstyled' : 'button-default']" :class="[{ '-sublime': !highlight }, oldStyle ? 'button-unstyled' : 'button-default']"
@click.prevent="onClick" @click.prevent="onClick"
> >
<!-- eslint-disable vue/no-v-html -->
<FAIcon <FAIcon
size="s" size="s"
icon="at" icon="at"
class="at" class="at"
/> /><span class="shortName"><span
<!-- eslint-disable vue/no-v-html -->
<span class="shortName"><span
class="userName" class="userName"
v-html="userName" v-html="userName"
/></span> /></span>