chore(search): update story for custom width

Orfium · May 21, 2024 · 3fcf71d · 3fcf71d
1 parent fc48c5f
commit 3fcf71d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/src/__storyshots__/Updated Components/Search-SimpleSearch.snap b/src/__storyshots__/Updated Components/Search-SimpleSearch.snap
@@ -236,9 +236,9 @@
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
+  -webkit-flex: 0;
+  -ms-flex: 0;
+  flex: 0;
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -255,11 +255,10 @@
   opacity: 1;
   cursor: text;
   height: 2.25rem;
-  min-width: unset;
+  min-width: 300px;
   background-color: rgba(200,206,255,0.30);
   z-index: 1;
   background: #ffffff;
-  width: 300px;
 }
 
 .emotion-9:hover {

diff --git a/src/components/Search/Search.stories.tsx b/src/components/Search/Search.stories.tsx
@@ -42,7 +42,7 @@ export const SimpleSearch = {
         <Search value={value} onClear={handleClear} onInput={(e) => setValue(e.target.value)} />
         <Search
           placeholder="Search with custom width"
-          sx={{ wrapper: { minWidth: 'unset', width: '300px' } }}
+          sx={{ wrapper: { minWidth: '300px', flex: 0 } }}
           value={value2}
           onClear={handleClear2}
           onInput={(e) => setValue2(e.target.value)}