chore: re-arrange some dom nodes for focus presentation
This commit is contained in:
parent
897ef64d3c
commit
ee9b7aa778
10 changed files with 67 additions and 61 deletions
|
@ -4,6 +4,8 @@
|
|||
}
|
||||
|
||||
.artist-focus {
|
||||
margin-top: var(--sizing-base);
|
||||
|
||||
& img {
|
||||
border: 1px solid var(--accent-color);
|
||||
width: 100%;
|
||||
|
@ -14,13 +16,13 @@
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--sizing-xs);
|
||||
margin: var(--sizing-base) 0;
|
||||
margin-bottom: var(--sizing-base);
|
||||
|
||||
& .artist-meta {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--sizing-sm);
|
||||
margin-top: var(--sizing-md);
|
||||
margin-top: var(--sizing-base);
|
||||
|
||||
& p {
|
||||
margin: 0;
|
||||
|
|
Reference in a new issue