Merge pull request #570 from zebpaa/task

#568 set min width on snippets name input
hexlet-rus · Dec 5, 2024 · dbfea55 · dbfea55
2 parents 226ae9b + 3999ed7
commit dbfea55
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/frontend/src/assets/stylesheets/min-w.scss b/frontend/src/assets/stylesheets/min-w.scss
@@ -4,7 +4,10 @@ $utilities: map-merge(
     "min-width": (
       property: min-width,
       class: min-w,
-      values: (150: 9.375rem),
+      values: (
+        150: 9.375rem,
+        70: 4.375rem,
+      ),
     ),
   )
 );
diff --git a/frontend/src/pages/snippet/FileToolbar.jsx b/frontend/src/pages/snippet/FileToolbar.jsx
@@ -96,7 +96,7 @@ function SnippetName({ snippet }) {
             ref={inputRef}
             as={AutowidthInput}
             autoComplete="off"
-            className="transition-padding"
+            className="transition-padding text-center min-w-70"
             id="name"
             isInvalid={!!formik.errors.name}
             maxLength={30}