Merge pull request #21019 from overleaf/mf-new-gallery-search-style

[web] Implement the new gallery search form style

GitOrigin-RevId: e9986344ac554a45c20e61454f2e20997a8e741a
This commit is contained in:
M Fahru 2024-10-16 11:00:47 -07:00 committed by Copybot
parent 0e41f8cf4c
commit be43bd2d20
2 changed files with 25 additions and 0 deletions

View file

@ -28,5 +28,6 @@
@import 'link'; @import 'link';
@import 'pagination'; @import 'pagination';
@import 'loading-spinner'; @import 'loading-spinner';
@import 'gallery-search';
@import 'error-boundary'; @import 'error-boundary';
@import 'close-button'; @import 'close-button';

View file

@ -0,0 +1,24 @@
.gallery-search {
form {
display: flex;
justify-content: center;
gap: var(--spacing-04);
@include media-breakpoint-down(md) {
.form-control-wrapper {
width: 100%;
}
}
input {
padding-top: var(--spacing-06);
padding-right: var(--spacing-06);
padding-bottom: var(--spacing-06);
height: 48px;
@include media-breakpoint-up(md) {
width: 544px;
}
}
}
}