diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/all.scss b/services/web/frontend/stylesheets/bootstrap-5/components/all.scss index 2e4824a2e1..40a1a57bbe 100644 --- a/services/web/frontend/stylesheets/bootstrap-5/components/all.scss +++ b/services/web/frontend/stylesheets/bootstrap-5/components/all.scss @@ -28,5 +28,6 @@ @import 'link'; @import 'pagination'; @import 'loading-spinner'; +@import 'gallery-search'; @import 'error-boundary'; @import 'close-button'; diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/gallery-search.scss b/services/web/frontend/stylesheets/bootstrap-5/components/gallery-search.scss new file mode 100644 index 0000000000..eefa420c59 --- /dev/null +++ b/services/web/frontend/stylesheets/bootstrap-5/components/gallery-search.scss @@ -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; + } + } + } +}