Mirror of https://github.com/roostorg/coop
github.com/roostorg/coop
[UI][Fix] Add scrollbar when table is too big and increase max width (#162)
+6
-6
+3
-3
client/src/webpages/dashboard/Dashboard.tsx
+3
-3
client/src/webpages/dashboard/Dashboard.tsx
···
725
725
{isUsingLegacyCSS ? (
726
726
<>
727
727
<div className="w-px h-full bg-[#e5e7eb]" />
728
-
<div className="flex justify-center w-full px-12 py-8 overflow-scroll scrollbar-hide">
728
+
<div className="flex justify-center w-full px-12 py-8 overflow-auto">
729
729
<ErrorBoundary
730
730
key={pathname}
731
731
containedInLayout
···
738
738
: '/dashboard'
739
739
}
740
740
>
741
-
<div className="w-full max-w-[1280px]">
741
+
<div className="w-full max-w-[1800px]">
742
742
{isCSSLoaded ? <Outlet /> : <FullScreenLoading />}
743
743
</div>
744
744
</ErrorBoundary>
···
753
753
buttonTitle={currentRouteHandle?.error?.buttonTitle}
754
754
buttonLinkPath={currentRouteHandle?.error?.buttonLinkPath}
755
755
>
756
-
<div className="w-full max-w-[1280px]">
756
+
<div className="w-full max-w-[1800px]">
757
757
<Outlet />
758
758
</div>
759
759
</ErrorBoundary>
+3
-3
client/src/webpages/dashboard/components/table/Table.tsx
+3
-3
client/src/webpages/dashboard/components/table/Table.tsx
···
81
81
)}
82
82
{topRightComponent}
83
83
</div>
84
-
<div className="w-full border border-gray-200 border-solid rounded-md scrollbar-hide">
84
+
<div className="w-full border border-gray-200 border-solid rounded-md">
85
85
<div
86
-
className={`overflow-x-auto overflow-y-scroll rounded-md scrollbar-hide ${
86
+
className={`overflow-x-auto overflow-y-auto rounded-md ${
87
87
customMaxHeight ?? 'max-h-[1200px]'
88
88
}`}
89
89
>
···
219
219
{cell.render('Cell')}
220
220
</Link>
221
221
) : (
222
-
<div className="flex items-center max-w-3xl px-4 py-2 overflow-scroll text-black hover:text-black scrollbar-hide">
222
+
<div className="flex items-center max-w-3xl px-4 py-2 overflow-hidden text-ellipsis text-black hover:text-black">
223
223
{cell.render('Cell')}
224
224
</div>
225
225
);