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"
}`}
>
<div className="px-3 overflow-hidden text-ellipsis whitespace-nowrap">
<div className=" px-3 overflow-hidden text-ellipsis whitespace-nowrap">
{props.tableData.name}
</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
icon={<IconEdit />}
size="small"
@ -198,6 +199,7 @@ export default function Table(props) {
</Popover>
</div>
</div>
</div>
{props.tableData.fields.map((e, i) => {
return settings.showFieldSummary ? (
<Popover