forked from Mirrors/keyoxide-web
fix: improve claim image layout
This commit is contained in:
parent
8e39b11cec
commit
73dd948a33
2 changed files with 5 additions and 3 deletions
|
@ -93,6 +93,9 @@ kx-claim {
|
|||
}
|
||||
|
||||
.info {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
gap: 8px;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
|
@ -103,9 +106,8 @@ kx-claim {
|
|||
.info img {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-right: 8px;
|
||||
vertical-align: sub;
|
||||
opacity: 0.5;
|
||||
transform: translateY(3px);
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
filter: invert(1);
|
||||
|
|
|
@ -21,8 +21,8 @@ mixin generatePersona(persona, isPrimary)
|
|||
details(aria-label="Claim")
|
||||
summary
|
||||
.info
|
||||
p
|
||||
img(src=`https://design.keyoxide.org/brands/service-providers/_/icon.svg` onerror="this.src='https://design.keyoxide.org/brands/service-providers/_/icon.svg'")
|
||||
p
|
||||
span.title= claim.display.name
|
||||
span.subtitle-wrapper
|
||||
| [
|
||||
|
|
Loading…
Reference in a new issue