a few more changes

+ boxshadow is constant
+ new resize handle
+ minW and minH set on widgets
This commit is contained in:
2025-08-06 12:03:48 -07:00
parent 4fb2f7eabe
commit a7f1bbbc61
5 changed files with 50 additions and 12 deletions
@@ -1,4 +1,5 @@
import { useSlotRecipe, chakra, Flex, CloseButton, Text } from "@chakra-ui/react"
import { useSlotRecipe, chakra, Flex, CloseButton, Text, IconButton } from "@chakra-ui/react"
import { FaEllipsisH } from "react-icons/fa";
export default function Widget({ id, title, isEditable, isDelete, DeleteWidget, children }) {
const recipe = useSlotRecipe({ key: "widget" });
@@ -16,11 +17,14 @@ export default function Widget({ id, title, isEditable, isDelete, DeleteWidget,
</>
):(
<>
<Text display="flex" alignItems="center" height="32px" className="widget-handle" fontWeight="bold">{title}</Text>
<Flex flexDirection="row" justifyContent="space-between" alignItems="center">
<Text className="widget-handle" w="100%" display="flex" alignItems="center" height="32px" fontWeight="bold">{title}</Text>
<IconButton size="xs" bg="base300" cursor="pointer"><FaEllipsisH fill="text"/></IconButton>
</Flex>
</>
)}
</chakra.div>
<chakra.div height="100%">
<chakra.div height="100%" mb="3">
{children}
</chakra.div>
</>