fix: fixed padding and added divided to layout

EveripediaNetwork · Nov 21, 2024 · 0a110fc · 0a110fc
1 parent 78c534e
commit 0a110fc
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 5 deletions.
diff --git a/src/app/dashboard/(hiiq)/layout.tsx b/src/app/dashboard/(hiiq)/layout.tsx
@@ -20,7 +20,7 @@ export default function layout({ children }: { children: React.ReactNode }) {
   const path = usePathname()
 
   return (
-    <div className="flex flex-col gap-6 mt-6">
+    <div className="flex flex-col gap-6 mt-6 relative">
       <div className="flex gap-4 flex-row items-center justify-center">
         {tabs.map((tab) => (
           <Link
@@ -37,7 +37,7 @@ export default function layout({ children }: { children: React.ReactNode }) {
           </Link>
         ))}
       </div>
-
+      <div className="absolute h-[0.5px] w-[calc(100vw)] -ml-[calc(50vw-50%)] bg-gray-500 top-9 -z-10" />
       <div>{children}</div>
     </div>
   )

diff --git a/src/components/client/StakePage.tsx b/src/components/client/StakePage.tsx
@@ -143,7 +143,7 @@ const StakePage = () => {
 
   return (
     <>
-      <Flex pt={{ base: '5', lg: '6' }} direction="column" gap="6" pb="20">
+      <Flex pt={{ base: '5', lg: '0' }} direction="column" gap="6" pb="20">
         <Flex direction="column" gap="1">
           <PageHeader
             header="HiIQ"

diff --git a/src/components/dashboard/hiiq-table/data-table.tsx b/src/components/dashboard/hiiq-table/data-table.tsx
@@ -64,7 +64,7 @@ export function DataTable<TData, TValue>({
       <div className="border-b p-4 flex flex-row gap-4 items-center">
         <h1>HiIQ Holders</h1>
         <Badge
-          className="bg-brand-50 text-brand-500 dark:text-brand-800 border-0 py-2"
+          className="bg-brand-50 text-brand-500 dark:text-brand-800 border-0 py-1 px-1.5"
           variant="outline"
         >
           {isLoading ? (

diff --git a/src/components/dashboard/layout.tsx b/src/components/dashboard/layout.tsx
@@ -76,7 +76,11 @@ export const DashboardLayout = (props: DashboardLayoutProps) => {
             <Sidebar mb="4.375em" onClose={onClose} />
           </DrawerContent>
         </Drawer>
-        <chakra.div w="full" maxH="100vh" overflow="auto">
+        <chakra.div
+          w="full"
+          maxH="100vh"
+          overflow={{ base: 'auto', md: 'hidden' }}
+        >
           <chakra.div
             w="full"
             h="4.375em"