myriation/keyoxide-web
1
0
Fork 0
forked from Mirrors/keyoxide-web
Code Pull requests Activity

fix: improve claim image layout

Browse source
This commit is contained in:
Yarmo Mackenbach 2023-09-25 17:13:06 +02:00
parent 8e39b11cec
commit 73dd948a33
No known key found for this signature in database
GPG key ID: 3C57D093219103A3
2 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
static-src/kx-styles.scss
View file

@ -93,6 +93,9 @@ kx-claim {
} }
.info { .info {
display: flex;
align-items: baseline;
gap: 8px;
flex: 1; flex: 1;
} }
@ -103,9 +106,8 @@ kx-claim {
.info img { .info img {
width: 16px; width: 16px;
height: 16px; height: 16px;
margin-right: 8px;
vertical-align: sub;
opacity: 0.5; opacity: 0.5;
transform: translateY(3px);
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
filter: invert(1); filter: invert(1);

2
views/profile.pug
View file

@ -21,8 +21,8 @@ mixin generatePersona(persona, isPrimary)
details(aria-label="Claim") details(aria-label="Claim")
summary summary
.info .info
img(src=`https://design.keyoxide.org/brands/service-providers/_/icon.svg` onerror="this.src='https://design.keyoxide.org/brands/service-providers/_/icon.svg'")
p p
img(src=`https://design.keyoxide.org/brands/service-providers/_/icon.svg` onerror="this.src='https://design.keyoxide.org/brands/service-providers/_/icon.svg'")
span.title= claim.display.name span.title= claim.display.name
span.subtitle-wrapper span.subtitle-wrapper
| [ | [