Skip to content

Commit 881984f

Browse files
JhunrizJhunriz
committed
adjustment into tables
1 parent 2003d43 commit 881984f

File tree

3 files changed

+70
-48
lines changed

3 files changed

+70
-48
lines changed

‎resources/js/Pages/Admin/Branch/Index.jsx‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -211,6 +211,9 @@ export default function Index({ auth, mustVerifyEmail, status, branch }) {
211211
<div className="py-6 overflow-x-auto max-w-[370px] lg:max-h-[100%] lg:max-w-[100%] max-h-[500px] sm:max-h-[auto]">
212212
<div className="sm:hidden">
213213
{/* Mobile View */}
214+
<div className="px-5 py-5 border-b-4 border-sky-500">
215+
<Typography variant="h6">Branch</Typography>
216+
</div>
214217
<Card>
215218
<MUIDataTable
216219
data={data}
@@ -223,6 +226,9 @@ export default function Index({ auth, mustVerifyEmail, status, branch }) {
223226
</div>
224227
<div className="hidden sm:block">
225228
{/* Desktop View */}
229+
<div className="px-5 py-5 border-b-4 border-sky-500">
230+
<Typography variant="h6">Branch</Typography>
231+
</div>
226232
<Card>
227233
<MUIDataTable
228234
data={data}

‎resources/js/Pages/Admin/Categories/Index.jsx‎

Lines changed: 30 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@ import {
1111
ListItemAvatar,
1212
Menu,
1313
MenuItem,
14+
Paper,
1415
Tooltip,
1516
Typography,
1617
} from "@mui/material";
@@ -216,30 +217,35 @@ export default function Index({ auth, mustVerifyEmail, status, categories }) {
216217
<CustomBreadcrumbs items={breadcrumbItems} />
217218
</div>
218219
<div class="">
219-
<div className="sm:hidden">
220-
{/* Mobile View */}
221-
<Card>
222-
<MUIDataTable
223-
data={data}
224-
columns={columns}
225-
options={options}
226-
size={"small"}
227-
// You can apply the stickyHeader class if needed for mobile view
228-
/>
229-
</Card>
230-
</div>
231-
<div className="hidden sm:block">
232-
{/* Desktop View */}
233-
<Card>
234-
<MUIDataTable
235-
data={data}
236-
columns={columns}
237-
options={options}
238-
size={"small"}
239-
stickyHeader
240-
/>
241-
</Card>
242-
</div>
220+
<Paper>
221+
<div className="px-5 py-5 border-b-4 border-sky-500">
222+
<Typography variant="h6">Categories</Typography>
223+
</div>
224+
<div className="sm:hidden">
225+
{/* Mobile View */}
226+
<Card>
227+
<MUIDataTable
228+
data={data}
229+
columns={columns}
230+
options={options}
231+
size={"small"}
232+
// You can apply the stickyHeader class if needed for mobile view
233+
/>
234+
</Card>
235+
</div>
236+
<div className="hidden sm:block">
237+
{/* Desktop View */}
238+
<Card>
239+
<MUIDataTable
240+
data={data}
241+
columns={columns}
242+
options={options}
243+
size={"small"}
244+
stickyHeader
245+
/>
246+
</Card>
247+
</div>
248+
</Paper>
243249
</div>
244250
</MainLayout>
245251
);

‎resources/js/Pages/Admin/Equipment/Index.jsx‎

Lines changed: 34 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,12 @@ import {
44
Avatar,
55
Box,
66
Card,
7+
Divider,
78
IconButton,
89
ListItem,
910
ListItemAvatar,
1011
Menu,
12+
Paper,
1113
Tooltip,
1214
Typography,
1315
} from "@mui/material";
@@ -188,30 +190,38 @@ export default function Index({ auth, mustVerifyEmail, status, equipments }) {
188190
</Box>
189191
</div>
190192
<div className="py-6 overflow-x-auto max-w-[370px] lg:max-h-[100%] lg:max-w-[100%] max-h-[500px] sm:max-h-[auto]">
191-
<div className="sm:hidden">
192-
{/* Mobile View */}
193-
<Card>
194-
<MUIDataTable
195-
data={data}
196-
columns={columns}
197-
options={options}
198-
size={"small"}
199-
// You can apply the stickyHeader class if needed for mobile view
200-
/>
201-
</Card>
202-
</div>
203-
<div className="hidden sm:block">
204-
{/* Desktop View */}
205-
<Card>
206-
<MUIDataTable
207-
data={data}
208-
columns={columns}
209-
options={options}
210-
size={"small"}
211-
stickyHeader
212-
/>
213-
</Card>
214-
</div>
193+
<Paper>
194+
<div className="sm:hidden">
195+
<div className="px-5 py-5 border-b-4 border-sky-500">
196+
<Typography variant="h6">Equipments</Typography>
197+
</div>
198+
{/* Mobile View */}
199+
<Card>
200+
<MUIDataTable
201+
data={data}
202+
columns={columns}
203+
options={options}
204+
size={"small"}
205+
// You can apply the stickyHeader class if needed for mobile view
206+
/>
207+
</Card>
208+
</div>
209+
<div className="hidden sm:block">
210+
<div className="px-5 py-5 border-b-4 border-sky-500">
211+
<Typography variant="h6">Equipments</Typography>
212+
</div>
213+
{/* Desktop View */}
214+
<Card>
215+
<MUIDataTable
216+
data={data}
217+
columns={columns}
218+
options={options}
219+
size={"small"}
220+
stickyHeader
221+
/>
222+
</Card>
223+
</div>
224+
</Paper>
215225
</div>
216226
</MainLayout>
217227
);

0 commit comments

Comments
 (0)