fix padding table and width first child cell
This commit is contained in:
parent
c5e5f1638a
commit
cd293467ef
@ -29,7 +29,7 @@
|
|||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
|
|
||||||
> :first-child {
|
> :first-child {
|
||||||
width: 100%;
|
width: 80%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -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
|
||||||
|
@ -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>
|
|
||||||
),
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user