More profile tweaks

This commit is contained in:
Nick Colley 2023-02-02 11:35:08 +00:00
parent b57525f082
commit 98303ec5b9
2 changed files with 10 additions and 8 deletions

View File

@ -57,6 +57,7 @@
overflow: hidden;
text-overflow: ellipsis;
align-self: center;
font-size: 1.2em;
}
.account-profile-name {

View File

@ -11,13 +11,11 @@
{field.name}
</div>
<div
class="account-profile-meta-cell account-profile-meta-value"
class="account-profile-meta-cell account-profile-meta-value {field.verified ? 'account-profile-meta-cell-verified' : ''}"
role="definition"
aria-labelledby="account-profile-meta-name-{i}"
>
{@html field.value}
</div>
<div class="account-profile-meta-cell">
{#if field.verified}
<span class="account-profile-meta-verified">
<SvgIcon
@ -37,8 +35,8 @@
.account-profile-meta {
grid-area: meta;
display: grid;
grid-template-columns: auto 1fr max-content;
grid-row-gap: 5px;
grid-template-columns: auto 1fr;
grid-row-gap: 0;
align-items: center;
padding: 10px 0;
}
@ -46,7 +44,7 @@
.account-profile-meta-border {
height: 1px;
width: 100%;
grid-column: 1 / 4;
grid-column: 1 / 3;
background: currentColor;
opacity: 0.2;
justify-self: center;
@ -55,8 +53,6 @@
.account-profile-meta-cell {
word-wrap: break-word;
overflow: hidden;
white-space: pre-wrap;
text-overflow: ellipsis;
font-size: 1.1em;
}
@ -101,6 +97,11 @@
}
}
.account-profile-meta-cell-verified {
display: inline-flex;
flex-wrap: wrap;
column-gap: 10px;
}
.account-profile-meta-verified {
display: inline-flex;
align-items: center;