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

✨ fixing tabs width

Browse Source
This commit is contained in:
Maxime Lalo 2024-07-23 11:01:41 +02:00
parent 33be74f006
commit 06153797a6
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/front/Components/Layouts/Folder/FolderInformation/ClientView/classes.module.scss
View File

@ -10,6 +10,10 @@
gap: var(--spacing-md, 16px); gap: var(--spacing-md, 16px);
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.tabs {
width: calc(100% - 210px);
}
} }
.content { .content {

3
src/front/Components/Layouts/Folder/FolderInformation/ClientView/index.tsx
View File

@ -66,7 +66,8 @@ export default function ClientView(props: IProps) {
return ( return (
<section className={classes["root"]}> <section className={classes["root"]}>
<div className={classes["tab-container"]}> <div className={classes["tab-container"]}>
{tabs && <Tabs<ICustomer> tabs={tabs} onSelect={setCustomer} />} <div className={classes["tabs"]}>{tabs && <Tabs<ICustomer> tabs={tabs} onSelect={setCustomer} />}</div>
{anchorStatus === AnchorStatus.NOT_ANCHORED && ( {anchorStatus === AnchorStatus.NOT_ANCHORED && (
<Link <Link
href={Module.getInstance() href={Module.getInstance()