feat: 🩹 make small layout tweaks
This commit is contained in:
parent
40930e1d8e
commit
d210d0b7e7
1 changed files with 6 additions and 3 deletions
|
@ -72,9 +72,13 @@
|
||||||
|
|
||||||
:host .avatar {
|
:host .avatar {
|
||||||
grid-area: avatar;
|
grid-area: avatar;
|
||||||
justify-self: center;
|
display: grid;
|
||||||
|
grid-template-columns: subgrid;
|
||||||
|
justify-items: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
& img {
|
& :where(picture, img) {
|
||||||
|
display: block;
|
||||||
width: var(--sidebar-avatar-size);
|
width: var(--sidebar-avatar-size);
|
||||||
height: var(--sidebar-avatar-size);
|
height: var(--sidebar-avatar-size);
|
||||||
aspect-ratio: 1/1;
|
aspect-ratio: 1/1;
|
||||||
|
@ -99,7 +103,6 @@
|
||||||
:host .species {
|
:host .species {
|
||||||
grid-area: species;
|
grid-area: species;
|
||||||
align-self: start;
|
align-self: start;
|
||||||
font-size: 0.75em;
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue