added styles for mobile

SJSUCSClub · Sep 30, 2024 · de57278 · de57278
1 parent e8aeb22
commit de57278
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/components/molecules/client/nav-search-bar/component.tsx b/components/molecules/client/nav-search-bar/component.tsx
@@ -195,7 +195,7 @@ export const NavSearchBar: React.FC = () => {
         <option value="schedules">Schedules</option>
       </ParamSelect>
       {currentQuery ? (
-        <Card className="absolute left-0 top-[50px] z-50 hidden w-[500px] max-w-[100dvw] shadow-paper hover:block peer-focus-within:block peer-has-[:placeholder-shown]:hidden max-lg:hidden">
+        <Card className="absolute top-[50px] z-50 hidden max-w-[100dvw] shadow-paper hover:block peer-focus-within:block peer-has-[:placeholder-shown]:hidden max-lg:left-[50%] max-lg:hidden max-lg:w-[80dvw] max-lg:-translate-x-[50%] lg:left-0 lg:w-[500px]">
           <SWRConfigProvider>
             {currentOption === 'courses' ? (
               <CourseSearchResults />