Fix styling for overflowing elements

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

View File

@@ -333,6 +333,7 @@ export default function Modal({
}}
cancelText={t("cancel")}
width={modal === MODAL.NEW ? 740 : 600}
bodyStyle={{ maxHeight: window.innerHeight - 280, overflow: "auto" }}
>
{getModalBody()}
</SemiUIModal>

View File

@@ -10,7 +10,7 @@ export default function New({ selectedTemplateId, setSelectedTemplateId }) {
const templates = useLiveQuery(() => db.templates.toArray());
return (
<div className="h-[360px] grid grid-cols-3 gap-2 overflow-auto px-1">
<div className="grid grid-cols-3 gap-2 overflow-auto px-1">
<div onClick={() => setSelectedTemplateId(0)}>
<div
className={`rounded-md h-[180px] border-2 hover:border-dashed ${