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

css

Browse Source
This commit is contained in:
1ilit
2023-09-19 15:48:38 +03:00
parent ef09ded98c
commit 2a0c5071a4
5 changed files with 20 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/control_panel.jsx
View File

@@ -236,9 +236,9 @@ export default function ControlPanel(props) {
};
return (
<>
<div>
{props.layout.header && header()}
<div className="p-2 px-5 flex justify-between items-center rounded-xl bg-slate-100 my-1 mx-6 text-slate-700 select-none">
<div className="p-2 px-5 flex justify-between items-center rounded-xl bg-slate-100 my-1 sm:mx-1 md:mx-6 text-slate-700 select-none overflow-x-hidden">
<div className="flex justify-start items-center">
{layoutDropdown()}
<Divider layout="vertical" margin="8px" />
@@ -276,8 +276,9 @@ export default function ControlPanel(props) {
}
trigger="click"
>
<div className="py-1 px-2 hover:bg-slate-200 rounded">
zoom <IconCaretdown />
<div className="py-1 px-2 hover:bg-slate-200 rounded flex">
<div>zoom</div>
<IconCaretdown />
</div>
</Dropdown>
<button
@@ -313,8 +314,9 @@ export default function ControlPanel(props) {
}
trigger="click"
>
<div className="py-1 px-2 hover:bg-slate-200 rounded">
<i className="fa-solid fa-plus"></i> <IconCaretdown />
<div className="py-1 px-2 hover:bg-slate-200 flex">
<i className="fa-solid fa-plus"></i>
<IconCaretdown />
</div>
</Dropdown>
<button className="py-1 px-2 hover:bg-slate-200 rounded" title="Edit">
@@ -380,7 +382,7 @@ export default function ControlPanel(props) {
/>
</Form>
</Modal>
</>
</div>
);
function header() {
@@ -678,7 +680,7 @@ export default function ControlPanel(props) {
}
trigger="click"
>
<div className="py-1 px-2 hover:bg-slate-200 rounded">
<div className="py-1 px-2 hover:bg-slate-200 rounded flex items-center align-middle">
<i className="fa-solid fa-table-list"></i> <IconCaretdown />
</div>
</Dropdown>