mirror of
https://github.com/stonith404/pingvin-share.git
synced 2024-10-05 10:50:10 +02:00
fix: tables on mobile
This commit is contained in:
parent
c8a4521677
commit
b1bfb09dfd
@ -1,4 +1,12 @@
|
|||||||
import { ActionIcon, Code, Group, Skeleton, Table, Text } from "@mantine/core";
|
import {
|
||||||
|
ActionIcon,
|
||||||
|
Box,
|
||||||
|
Code,
|
||||||
|
Group,
|
||||||
|
Skeleton,
|
||||||
|
Table,
|
||||||
|
Text,
|
||||||
|
} from "@mantine/core";
|
||||||
import { useModals } from "@mantine/modals";
|
import { useModals } from "@mantine/modals";
|
||||||
import { useEffect, useState } from "react";
|
import { useEffect, useState } from "react";
|
||||||
import { TbEdit, TbLock } from "react-icons/tb";
|
import { TbEdit, TbLock } from "react-icons/tb";
|
||||||
@ -43,6 +51,7 @@ const AdminConfigTable = () => {
|
|||||||
));
|
));
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
<Box sx={{ display: "block", overflowX: "auto" }}>
|
||||||
<Table verticalSpacing="sm" horizontalSpacing="xl" withBorder>
|
<Table verticalSpacing="sm" horizontalSpacing="xl" withBorder>
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
@ -90,6 +99,7 @@ const AdminConfigTable = () => {
|
|||||||
))}
|
))}
|
||||||
</tbody>
|
</tbody>
|
||||||
</Table>
|
</Table>
|
||||||
|
</Box>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -18,8 +18,8 @@ const ManageUserTable = ({
|
|||||||
const modals = useModals();
|
const modals = useModals();
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Box sx={{ display: "block", overflowX: "auto", whiteSpace: "nowrap" }}>
|
<Box sx={{ display: "block", overflowX: "auto" }}>
|
||||||
<Table verticalSpacing="sm" highlightOnHover>
|
<Table verticalSpacing="sm">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>Username</th>
|
<th>Username</th>
|
||||||
|
Loading…
Reference in New Issue
Block a user