titor/drawDB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix table names taking half of the table width when not hovered

Browse Source
This commit is contained in:
1ilit 2024-04-02 16:05:07 +03:00
parent 4d7f18c26e
commit ee44cd2b7c
1 changed files with 105 additions and 103 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/EditorCanvas/Table.jsx
View File

@ -85,10 +85,11 @@ export default function Table(props) {
settings.mode === "light" ? "bg-zinc-200" : "bg-zinc-900" settings.mode === "light" ? "bg-zinc-200" : "bg-zinc-900"
}`} }`}
> >
<div className="px-3 overflow-hidden text-ellipsis whitespace-nowrap"> <div className=" px-3 overflow-hidden text-ellipsis whitespace-nowrap">
{props.tableData.name} {props.tableData.name}
</div> </div>
<div className="invisible group-hover:visible flex justify-end items-center mx-2"> <div className="hidden group-hover:block">
<div className="flex justify-end items-center mx-2">
<Button <Button
icon={<IconEdit />} icon={<IconEdit />}
size="small" size="small"
@ -198,6 +199,7 @@ export default function Table(props) {
</Popover> </Popover>
</div> </div>
</div> </div>
</div>
{props.tableData.fields.map((e, i) => { {props.tableData.fields.map((e, i) => {
return settings.showFieldSummary ? ( return settings.showFieldSummary ? (
<Popover <Popover