4nk/lecoffre-front
4
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix padding table and width first child cell

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/front/Components/DesignSystem/Table/MuiTable/classes.module.scss
View File

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

5
src/front/Components/DesignSystem/Table/MuiTable/index.tsx
View File

@ -53,10 +53,11 @@ export default function MuiTable(props: IProps) {
<InfiniteScroll orientation="vertical" onNext={props.onNext} offset={0}>
<TableContainer className={classes["root"]} sx={{ maxHeight: "80vh", overflowY: "auto", overflowX: "hidden" }}>
<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>
{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 && (
<span className={classes["head"]}>
<Typography

13
src/front/Components/Layouts/Folder/index.tsx
View File

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