Lucas/Pooru
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

site: small css fixes

Browse source 
- remove padding-bottom from main
- add some missing margin-bottom in components
- fix .media-metadata and .media-item size
This commit is contained in:
Lucas Gabriel Vuotto 2025-04-29 21:27:26 +00:00
parent ce6635f1d9
commit b01e4197e7
1 changed files with 11 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

16
public/css/style.css
View file

@ -188,7 +188,6 @@ main {
margin-top: 0.1875rem; margin-top: 0.1875rem;
margin-bottom: 0.1875rem; margin-bottom: 0.1875rem;
padding-top: var(--vertical-unit); padding-top: var(--vertical-unit);
padding-bottom: var(--vertical-unit);
} }
[x-cloak] { [x-cloak] {
@ -231,6 +230,10 @@ main {
color: var(--accent); color: var(--accent);
} }
.pager {
margin-bottom: var(--vertical-unit);
}
.pager > a, .pager > a,
.pager > span { .pager > span {
display: inline-block; display: inline-block;
@ -326,14 +329,17 @@ main {
justify-content: center; justify-content: center;
align-items: flex-start; align-items: flex-start;
gap: var(--vertical-unit) var(--gallery-column-gap); gap: var(--vertical-unit) var(--gallery-column-gap);
margin-bottom: var(--vertical-unit);
} }
.media-metadata { .media-metadata {
flex: 1; flex: 1;
width: 25%;
} }
.media-item { .media-item {
flex: 3; flex: 3;
width: 75%;
line-height: 0; line-height: 0;
} }
@ -381,8 +387,8 @@ a.tag-kind-r:active {
} }
.media { flex-direction: column-reverse; } .media { flex-direction: column-reverse; }
.media-metadata { flex: auto; } .media-metadata { flex: auto; width: 100%; }
.media-item { flex: auto; } .media-item { flex: auto; width: 100%; }
} }
@media screen and (min-width: 60rem) { @media screen and (min-width: 60rem) {
@ -399,8 +405,8 @@ a.tag-kind-r:active {
} }
.media { flex-direction: row; } .media { flex-direction: row; }
.media-metadata { flex: 1; } .media-metadata { flex: 1; width: 25%; }
.media-item { flex: 3; } .media-item { flex: 3; width: 75%; }
} }
@media screen and (min-width: 90rem) { @media screen and (min-width: 90rem) {