style: update style

src/module/document/ui/drawer_share_document.tsx

@@ -3,30 +3,27 @@ import {
   funGetListDivisionByIdDivision,
   IDataDivison,
 } from "@/module/division_new";
-import { IDataMemberTaskDivision } from "@/module/task/lib/type_task";
+import { useHookstate } from "@hookstate/core";
 import {
+  ActionIcon,
   Box,
-  Select,
   Button,
-  Avatar,
   Divider,
   Flex,
+  Grid,
   Group,
-  Stack,
-  Text,
-  ActionIcon,
   ScrollArea,
   Skeleton,
-  Grid,
+  Stack,
+  Text
 } from "@mantine/core";
 import { useMediaQuery, useShallowEffect } from "@mantine/hooks";
 import { useParams } from "next/navigation";
 import { useState } from "react";
 import toast from "react-hot-toast";
 import { FaCheck, FaUsers } from "react-icons/fa6";
-import { IShareDivision } from "../lib/type_document";
 import { funShareDocument } from "../lib/api_document";
-import { useHookstate } from "@hookstate/core";
+import { IShareDivision } from "../lib/type_document";
 import { globalRefreshDocument } from "../lib/val_document";
 
 export default function DrawerShareDocument({
@@ -185,7 +182,7 @@ export default function DrawerShareDocument({
                           }}>
                             <Flex justify='space-between' align={"center"}>
                               <Flex direction={'column'} align="flex-start" justify="flex-start">
-                                <Text lineClamp={1} pl={isMobile2 ? 40 : 30}>{v.name}</Text>
+                                <Text lineClamp={1} pl={isMobile2 ? 30 : 25}>{v.name}</Text>
                               </Flex>
                               {isSelected ? (
                                 <FaCheck style={{ marginRight: 10 }} />

src/module/document/ui/navbar_document_division.tsx

@@ -526,15 +526,15 @@ export default function NavbarDocumentDivision() {
               >
                 {dataJalur.slice(0, 3).map((v, i) => {
                   return (
-                    <Box p={5}key={i}>
-                    <Text
-                      onClick={() => router.push("?path=" + v.id)}
-                      
-                      truncate="end"
-                    >
-                      {v.name}
-                    </Text>
-                  </Box>
+                    <Box p={5} key={i}>
+                      <Text
+                        onClick={() => router.push("?path=" + v.id)}
+
+                        truncate="end"
+                      >
+                        {v.name}
+                      </Text>
+                    </Box>
                   );
                 })}
                 {dataJalur.length > 3 && (
@@ -574,7 +574,7 @@ export default function NavbarDocumentDivision() {
                     <Box p={5} key={i}>
                       <Text
                         onClick={() => router.push("?path=" + v.id)}
-                        
+
                         truncate="end"
                       >
                         {v.name}
@@ -673,7 +673,14 @@ export default function NavbarDocumentDivision() {
                       <Box mt={10} mb={10}>
                         <Grid align="center">
                           <Grid.Col
-                            span={2}
+                            span={{
+                              base: 1,
+                              xs: 1,
+                              sm: 1,
+                              md: 1,
+                              lg: 1,
+                              xl: 1,
+                            }}
                             onClick={() => {
                               if (
                                 v.category == "FOLDER" &&
@@ -728,7 +735,16 @@ export default function NavbarDocumentDivision() {
                               </Box>
                             </Group>
                           </Grid.Col>
-                          <Grid.Col span={10}>
+                          <Grid.Col
+                            span={{
+                              base: 11,
+                              xs: 11,
+                              sm: 11,
+                              md: 11,
+                              lg: 11,
+                              xl: 11,
+                            }}
+                          >
                             <Group justify="space-between" align="center">
                               <Flex
                                 direction={"column"}
@@ -759,12 +775,12 @@ export default function NavbarDocumentDivision() {
                                     xs: 380,
                                   }}
                                 >
-                                  <Text lineClamp={1}>
+                                  <Text lineClamp={1} pl={isMobile2 ? 30 : 25}>
                                     {v.category == "FOLDER"
                                       ? v.name
                                       : v.name + "." + v.extension}
                                   </Text>
-                                  <Text fz={10}>{v.updatedAt}</Text>
+                                  <Text fz={10} pl={isMobile2 ? 30 : 25}>{v.updatedAt}</Text>
                                 </Box>
                               </Flex>
                               <Checkbox