diff options
| author | Armand Philippot <git@armandphilippot.com> | 2023-12-19 15:00:47 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2023-12-19 15:00:47 +0100 |
| commit | 5e5cb43a5fdd0c37f7acd5b5f4ba5f6675fb6b22 (patch) | |
| tree | 33e96fabc4b31c1d758e6c818cebaa12558a3b7c /src/components | |
| parent | 55ea3e415b31b834004bee9f5367fbfb420bbeef (diff) | |
fix(components): prevent search form overflow on small devices
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/organisms/forms/search-form/search-form.module.scss | 4 |
1 files changed, 4 insertions, 0 deletions
diff --git a/src/components/organisms/forms/search-form/search-form.module.scss b/src/components/organisms/forms/search-form/search-form.module.scss index 3edaef6..f6570ce 100644 --- a/src/components/organisms/forms/search-form/search-form.module.scss +++ b/src/components/organisms/forms/search-form/search-form.module.scss @@ -1,6 +1,7 @@ @use "../../../../styles/abstracts/functions" as fun; .input { + flex: 1; border-right: none; } @@ -39,6 +40,7 @@ .form { display: flex; + flex-flow: row nowrap; &--no-label { .btn { @@ -55,6 +57,8 @@ } .field { + min-width: 0; + &:focus-within ~ .btn { background: var(--color-bg); border-color: var(--color-primary); |
