mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-21 20:47:08 -05:00
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:
parent
0e41f8cf4c
commit
be43bd2d20
2 changed files with 25 additions and 0 deletions
|
@ -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';
|
||||||
|
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in a new issue