1
0
Fork 0

styling tweaks

This commit is contained in:
Enoch Riese 2023-06-23 20:52:53 -05:00
parent a01af799d3
commit 452b25b45a
3 changed files with 4 additions and 4 deletions

View file

@ -17,9 +17,9 @@ export const MenuWrapper = ({ children }) => {
return (
<ModalWrapper slideFrom="right" keepOpenOnClick keepOpenOnSwipe>
{children}
<div className="mb-16">{children}</div>
<button
className="btn btn-primary btn-circle sticky bottom-2 float-right"
className="btn btn-primary btn-circle fixed bottom-4 right-4"
onClick={closeModal}
>
<CloseIcon />

View file

@ -82,7 +82,7 @@ export const CutView = ({
</div>
),
pattern: (
<div className="my-4">
<div className="my-4 grow">
{materialList.length > 1 ? (
<div className="tabs">
{materialList.map((title) => (

View file

@ -25,7 +25,7 @@ export const PatternWithMenu = ({
setSettings,
}}
/>
<div className="flex flex-col lg:flex-row grow max-h-[90vh] lg:my-4">
<div className="flex flex-col lg:flex-row grow lg:max-h-[90vh] max-h-[calc(100vh-3rem)] h-full py-4 lg:mt-6">
<div className="lg:w-2/3 flex flex-col h-full grow px-4">
{title}
{pattern}