a few more changes
+ boxshadow is constant + new resize handle + minW and minH set on widgets
This commit is contained in:
@@ -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>
|
||||
</>
|
||||
|
||||
Reference in New Issue
Block a user