aboutsummaryrefslogtreecommitdiffstats
path: root/src/components
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2023-12-19 15:00:47 +0100
committerArmand Philippot <git@armandphilippot.com>2023-12-19 15:00:47 +0100
commit5e5cb43a5fdd0c37f7acd5b5f4ba5f6675fb6b22 (patch)
tree33e96fabc4b31c1d758e6c818cebaa12558a3b7c /src/components
parent55ea3e415b31b834004bee9f5367fbfb420bbeef (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.scss4
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);