drawdb-io/drawdb
1
0
Fork 0
mirror of https://github.com/drawdb-io/drawdb.git synced 2026-02-12 02:00:40 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix styling for overflowing elements

Browse Source
This commit is contained in:
1ilit
2024-05-17 03:45:42 +03:00
parent 6c6d326544
commit cd050a59f9
7 changed files with 55 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/components/EditorSidePanel/NotesTab/NotesTab.jsx
View File

@@ -1,4 +1,4 @@
import { Row, Col, Button, Collapse } from "@douyinfe/semi-ui";
import { Button, Collapse } from "@douyinfe/semi-ui";
import { IconPlus } from "@douyinfe/semi-icons";
import { useNotes, useSelect } from "../../../hooks";
import Empty from "../Empty";
@@ -13,23 +13,21 @@ export default function NotesTab() {
return (
<>
<Row gutter={6}>
<Col span={16}>
<SearchBar
setActiveKey={(activeKey) =>
setSelectedElement((prev) => ({
...prev,
id: parseInt(activeKey),
}))
}
/>
</Col>
<Col span={8}>
<div className="flex gap-2">
<SearchBar
setActiveKey={(activeKey) =>
setSelectedElement((prev) => ({
...prev,
id: parseInt(activeKey),
}))
}
/>
<div>
<Button icon={<IconPlus />} block onClick={() => addNote()}>
{t("add_note")}
</Button>
</Col>
</Row>
</div>
</div>
{notes.length <= 0 ? (
<Empty title={t("no_notes")} text={t("no_notes_text")} />
) : (