Corrected all look issues

anoopkarnik · Jul 12, 2024 · 7ea43b3 · 7ea43b3
1 parent b9ea22d
commit 7ea43b3
Show file tree

Hide file tree

Showing 8 changed files with 10 additions and 10 deletions.
diff --git a/apps/dashboard-app/app/(dashboard)/financial/_components/Account.tsx b/apps/dashboard-app/app/(dashboard)/financial/_components/Account.tsx
@@ -9,7 +9,7 @@ const Account = ({showFilters}:any) => {
     const dbId = connectionsContext?.notionNode?.accountsDb?.id
 
   return (
-    <div className='flex flex-col w-full'>
+    <div className='flex flex-col w-[95%] mx-[2.5%] '>
         <NotionTable showFilters={showFilters} dbId={dbId}/>
     </div>
   )

diff --git a/apps/dashboard-app/app/(dashboard)/financial/_components/BudgetPlan.tsx b/apps/dashboard-app/app/(dashboard)/financial/_components/BudgetPlan.tsx
@@ -9,7 +9,7 @@ const BudgetPlan = ({showFilters}:any) => {
     const dbId = connectionsContext?.notionNode?.budgetPlanDb?.id
 
   return (
-    <div className='flex flex-col w-full '>
+    <div className='flex flex-col w-[95%] mx-[2.5%] '>
         <NotionTable showFilters={showFilters} dbId={dbId}/>
     </div>
   )

diff --git a/apps/dashboard-app/app/(dashboard)/financial/_components/FinancialGoals.tsx b/apps/dashboard-app/app/(dashboard)/financial/_components/FinancialGoals.tsx
@@ -9,7 +9,7 @@ const FinancialGoals = ({showFilters}:any) => {
     const dbId = connectionsContext?.notionNode?.financialGoalsDb?.id
 
   return (
-    <div className='flex flex-col w-full  '>
+    <div className='flex flex-col w-[95%] mx-[2.5%] '>
         <NotionTable showFilters={showFilters} dbId={dbId}/>
     </div>
   )

diff --git a/apps/dashboard-app/app/(dashboard)/financial/_components/FinancialPage.tsx b/apps/dashboard-app/app/(dashboard)/financial/_components/FinancialPage.tsx
@@ -25,7 +25,7 @@ const FinancialPage = () => {
 
   if (isMobile){
     return (
-      <div className='flex flex-col items-center w-full m-6'>
+      <div className='flex flex-col items-center w-full my-6'>
         <Select onValueChange={handleSelect}>
           <SelectTrigger className='my-4 mx-8 w-[200px]'>
             <div>{selectedValue}</div>
@@ -54,7 +54,7 @@ const FinancialPage = () => {
   }
 
   return (
-    <Tabs className='mx-4 w-full' defaultValue='overview'>
+    <Tabs className='w-full' defaultValue='overview'>
       <TabsList className='flex items-center justify-start flex-wrap rounded-none my-4 gap-4 bg-inherit'>
         {financeItems.map((item:any) =>(
             <TabsTrigger key={item.title} value={item.title} className='flex gap-1 border-b-2 shadow-md shadow-border/10 hover:bg-accent ' >

diff --git a/apps/dashboard-app/app/(dashboard)/financial/_components/MonthlyBudget.tsx b/apps/dashboard-app/app/(dashboard)/financial/_components/MonthlyBudget.tsx
@@ -9,7 +9,7 @@ const MonthlyBudget = ({showFilters}:any) => {
     const dbId = connectionsContext?.notionNode?.monthlyBudgetDb?.id
 
   return (
-    <div className='flex flex-col w-full'>
+    <div className='flex flex-col w-[95%] mx-[2.5%] '>
         <NotionTable showFilters={showFilters} dbId={dbId}/>
     </div>
   )

diff --git a/apps/dashboard-app/app/(dashboard)/financial/_components/Overview.tsx b/apps/dashboard-app/app/(dashboard)/financial/_components/Overview.tsx
@@ -112,7 +112,7 @@ const Overview = () => {
   }
 
   if (!accountsSummary) return (
-    <div className='m-6 w-full flex flex-col gap-4'>
+    <div className='w-[95%] mx-[2.5%] my-6 flex flex-col gap-4'>
         <Skeleton className=" h-[30px] rounded-full my-2" />
         <Skeleton className=" h-[30px] rounded-full my-2" />
         <Skeleton className=" h-[30px] rounded-full my-2" />
@@ -123,7 +123,7 @@ const Overview = () => {
   )
 
   return (
-    <div className='mx-6 w-full'>
+    <div className='w-[95%] mx-[2.5%] '>
       <Accordion type="single" collapsible className='w-full'>
         <AccordionItem value="item-1">
           <AccordionTrigger>

diff --git a/apps/dashboard-app/app/(dashboard)/financial/_components/Settings.tsx b/apps/dashboard-app/app/(dashboard)/financial/_components/Settings.tsx
@@ -5,7 +5,7 @@ import DbSelection from './DbSelection'
 const Settings = () => {
 
   return (
-    <div className='m-4 flex flex-col w-full '>
+    <div className='my-4 flex flex-col w-[95%] mx-[2.5%] '>
         <h1 className='text-2xl font-medium mb-4'>Create or Attach your Financial Notion DBs</h1>
         <DbSelection title='Accounts Notion Db' name='Accounts' fieldName="accountsDb"/>
         <DbSelection title='Transactions Notion Db'  name='Transactions' fieldName="transactionsDb"/>

diff --git a/apps/dashboard-app/app/(dashboard)/financial/_components/Transactions.tsx b/apps/dashboard-app/app/(dashboard)/financial/_components/Transactions.tsx
@@ -9,7 +9,7 @@ const Transactions = ({showFilters}:any) => {
     const dbId = connectionsContext?.notionNode?.transactionsDb?.id
 
   return (
-    <div className='flex flex-col  '>
+    <div className='flex flex-col w-[95%] mx-[2.5%]   '>
         <NotionTable showFilters={showFilters} dbId={dbId}/>
     </div>
   )