sosokker/B2D-Ventures
1
0
Fork 0
mirror of https://github.com/Sosokker/B2D-Ventures.git synced 2025-12-18 13:34:06 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: update layout and responsiveness of Dashboard, DataTable, and Modal components for improved user experience

Browse Source
This commit is contained in:
THIS ONE IS A LITTLE BIT TRICKY KRUB 2024-11-14 19:08:46 +07:00
parent b47891ee64
commit 2ab3964a81
3 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/dashboard/page.tsx
View File

@ -263,11 +263,11 @@ export default function Dashboard() {
</CardContent>
</Tabs>
</Card>
<Card className="col-span-3 w-full">
<Card className="col-span-4 md:col-span-3">
<CardHeader>
<CardTitle>Recent Funds</CardTitle>
</CardHeader>
<CardContent className="grid grid-flow-dense">
<CardContent className="grid grid-flow-dense w-full">
<RecentFunds
data={latestInvestment.map((item) => {
return {

2
src/components/dataTable.tsx
View File

@ -203,7 +203,7 @@ export function DataTable({ data }: { data: ModalProps[] }) {
});
return (
<div className="w-full">
<div className="w-3/4 md:w-full">
<div className="flex items-center py-4">
<Input
placeholder="Filter names..."

2
src/components/modal.tsx
View File

@ -20,7 +20,7 @@ export function Modal({ data }: { data: ModalProps[] }) {
<DialogTrigger asChild>
<Button>View More</Button>
</DialogTrigger>
<DialogContent className="max-w-screen-lg ">
<DialogContent className="max-w-screen-md md:max-w-screen-lg ">
<DataTable data={data} />
</DialogContent>
</Dialog>