Merge pull request #21376 from overleaf/jel-spacing-gallery

[web] Fix spacing between sections, columns, and rows on gallery redesign

GitOrigin-RevId: 3c787baa7300c0f39705f71f8821f8da69a837a5
This commit is contained in:
M Fahru 2024-10-25 07:52:21 -07:00 committed by Copybot
parent 862fb9f2ae
commit 94d14e3900
2 changed files with 13 additions and 6 deletions

View file

@ -1,4 +1,6 @@
.gallery-search { .gallery-search {
margin-bottom: var(--spacing-16);
form { form {
display: flex; display: flex;
justify-content: center; justify-content: center;

View file

@ -127,9 +127,14 @@
overflow: hidden; overflow: hidden;
} }
.popular-tags-list,
.gallery-container { .gallery-container {
--bs-gutter-y: var(--spacing-09); --bs-gutter-x: var(--spacing-09);
row-gap: var(--spacing-11);
}
.gallery-container {
align-items: baseline; align-items: baseline;
} }
@ -224,20 +229,20 @@
} }
.popular-tags { .popular-tags {
margin-top: var(--spacing-16); margin-top: 0;
margin-bottom: var(--spacing-16); margin-bottom: var(--spacing-16);
a { a {
width: 100%; width: 100%;
} }
}
.popular-tags,
.recent-docs,
.featured-docs {
h2 { h2 {
margin-bottom: var(--spacing-09); margin-bottom: var(--spacing-09);
} }
.popular-tags-list {
row-gap: var(--spacing-11);
}
} }
.recent-docs + .featured-docs { .recent-docs + .featured-docs {