🐛 fix(custom): 修复选择栏在手机端过窄的问题

EOEFANS · Mar 4, 2023 · 73e6949 · 73e6949
1 parent 5a66368
commit 73e6949
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/routers/layout/search/phone/item.tsx b/src/routers/layout/search/phone/item.tsx
@@ -52,11 +52,11 @@ export const PhoneSearchItem = forwardRef<
         } bg-white shadow-lg p-6 rounded-3xl font-semibold overflow-hidden mb-3`}
       >
         <div className='text-xl'>{openTitle}</div>
-        <div className='my-4 border rounded-2xl h-14 px-5 flex items-center'>
+        <div className='my-4 border rounded-2xl h-14 px-2 flex items-center'>
           <SearchIcon />
           <input
             ref={ref}
-            className='self-stretch focus-within:outline-none pl-2 font-normal '
+            className='self-stretch focus-within:outline-none pl-2 font-normal flex-grow'
             maxLength={20}
             value={inputvalue}
             onChange={(event) => setValue(() => event.target.value)}

diff --git a/src/routers/layout/search/phone/modal.tsx b/src/routers/layout/search/phone/modal.tsx
@@ -121,13 +121,13 @@ const SearchHeader = () => {
         label={"标签"}
         value={"搜索tag"}
         onClick={handlerChangeSearchMode.bind(null, "搜索tag")}
-        className='box-content min-w-0 w-9 p-0 min-h-0 h-6 mx-2 font-bold text-base'
+        className='box-content min-w-0 w-9 p-0 min-h-0 h-6 mx-2 font-bold text-base whitespace-nowrap'
       />
       <Tab
         label={"体验"}
         value={"搜索更多"}
         onClick={handlerChangeSearchMode.bind(null, "搜索更多")}
-        className='box-content min-w-0 w-9 p-0 min-h-0 h-6 mx-2 font-bold text-base'
+        className='box-content min-w-0 w-9 p-0 min-h-0 h-6 mx-2 font-bold text-base whitespace-nowrap'
       />
     </Tabs>
   );