fix padding table and width first child cell

This commit is contained in:
Max S 2024-07-16 17:19:09 +02:00
parent c5e5f1638a
commit cd293467ef
3 changed files with 9 additions and 11 deletions

View File

@ -29,7 +29,7 @@
word-break: break-word; word-break: break-word;
> :first-child { > :first-child {
width: 100%; width: 80%;
} }
} }

View File

@ -53,10 +53,11 @@ export default function MuiTable(props: IProps) {
<InfiniteScroll orientation="vertical" onNext={props.onNext} offset={0}> <InfiniteScroll orientation="vertical" onNext={props.onNext} offset={0}>
<TableContainer className={classes["root"]} sx={{ maxHeight: "80vh", overflowY: "auto", overflowX: "hidden" }}> <TableContainer className={classes["root"]} sx={{ maxHeight: "80vh", overflowY: "auto", overflowX: "hidden" }}>
<Table aria-label="simple table" sx={{ border: "0" }}> <Table aria-label="simple table" sx={{ border: "0" }}>
<TableHead sx={{ position: "sticky", top: "0", borderBottom: "1px solid var(--color-neutral-200)" }}> <TableHead
sx={{ position: "sticky", top: "0", borderBottom: "1px solid var(--color-neutral-200)" }}>
<TableRow> <TableRow>
{props.header.map((column) => ( {props.header.map((column) => (
<TableCell key={column.key} align={"left"} sx={{ border: 0 }}> <TableCell key={column.key} align={"left"} sx={{ border: 0, padding: "4px 8px" }}>
{column.title && ( {column.title && (
<span className={classes["head"]}> <span className={classes["head"]}>
<Typography <Typography

View File

@ -9,6 +9,7 @@ import Button, { EButtonSize, EButtonStyleType, EButtonVariant } from "@Front/Co
import Tag, { ETagColor, ETagVariant } from "@Front/Components/DesignSystem/Tag"; import Tag, { ETagColor, ETagVariant } from "@Front/Components/DesignSystem/Tag";
import CircleProgress from "@Front/Components/DesignSystem/CircleProgress"; import CircleProgress from "@Front/Components/DesignSystem/CircleProgress";
import Table from "@Front/Components/DesignSystem/Table"; import Table from "@Front/Components/DesignSystem/Table";
import { EnvelopeIcon } from "@heroicons/react/20/solid";
type IProps = {}; type IProps = {};
type IState = { type IState = {
@ -74,8 +75,8 @@ export default class Folder extends BasePage<IProps, IState> {
name: "Doe", name: "Doe",
firstname: "John", firstname: "John",
button: ( button: (
<Button size={EButtonSize.SM} variant={EButtonVariant.PRIMARY}> <Button size={EButtonSize.SM} variant={EButtonVariant.PRIMARY} >
Primary Send email
</Button> </Button>
), ),
}, },
@ -83,17 +84,13 @@ export default class Folder extends BasePage<IProps, IState> {
key: "2", key: "2",
name: "Doe", name: "Doe",
firstname: "Jane", firstname: "Jane",
button: <Tag color={ETagColor.SUCCESS} variant={ETagVariant.SEMI_BOLD} label="Info" />, button: <Tag color={ETagColor.SUCCESS} variant={ETagVariant.SEMI_BOLD} label="Actif" />,
}, },
{ {
key: "3", key: "3",
name: "Doe", name: "Doe",
firstname: "Jack", firstname: "Jack",
button: ( button: <Tag color={ETagColor.ERROR} variant={ETagVariant.SEMI_BOLD} label="Inactif" />,
<Button size={EButtonSize.SM} variant={EButtonVariant.NEUTRAL}>
Neutral
</Button>
),
}, },
]} ]}
/> />