chore: style

Author: HuberTRoy

src/hooks/useProjectList.module.less

@@ -62,6 +62,12 @@
   padding: 12px;
 }
 
+.orderBy {
+  min-width: 160px;
+  height: 48px;
+  margin: 0 20px;
+}
+
 @media screen and (max-width: 4825px) {
   .list,.projectType,.typeFilter {
     width: 4412px;
@@ -151,4 +157,9 @@
     padding: 12px;
     margin-top: 15px;
   }
+
+  .orderBy {
+    width: 100%;
+    margin-top: 15px;
+  }
 }

src/hooks/useProjectList.tsx

@@ -339,6 +339,7 @@ export const useProjectList = (props: UseProjectListProps = {}) => {
           </div>
           <span style={{ flex: 1 }}></span>
           <Select
+            className={styles.orderBy}
             value={orderBy}
             options={[
               {
@@ -373,11 +374,6 @@ export const useProjectList = (props: UseProjectListProps = {}) => {
               mutate(res);
             }}
             disabled={loading}
-            style={{
-              minWidth: 160,
-              height: 48,
-              margin: '0 20px',
-            }}
           ></Select>
           <Input
             className={styles.search}