CodeCow/typebot.io
1
0
Fork 0
mirror of https://github.com/baptisteArno/typebot.io.git synced 2026-06-19 21:04:33 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

🚸 Place button settings floating button on top right

Browse Source
This commit is contained in:
Baptiste Arnaud 2025-04-15 08:36:49 +02:00
parent 997c45533f
commit 786accdf24
No known key found for this signature in database
2 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
apps/builder/src/features/blocks/inputs/buttons/components/ButtonsItemNode.tsx
View File

@ -139,12 +139,13 @@ export const ButtonsItemNode = ({ item, indices, isMouseOver }: Props) => {
/>
</Editable>
<SlideFade
offsetY="0px"
offsetX="-10px"
offsetY="5px"
offsetX="-5px"
in={isMouseOver}
style={{
position: "absolute",
left: "-40px",
right: "-0.25rem",
top: "-0.25rem",
zIndex: 3,
}}
unmountOnExit
@ -154,7 +155,7 @@ export const ButtonsItemNode = ({ item, indices, isMouseOver }: Props) => {
aria-label={t("blocks.inputs.button.openSettings.ariaLabel")}
icon={<SettingsIcon />}
variant="ghost"
size="sm"
size="xs"
shadow="md"
onClick={() => setOpenedNodeId(item.id)}
/>

10
apps/builder/src/features/blocks/inputs/cards/components/CardsItemNode.tsx
View File

@ -267,13 +267,13 @@ export const CardsItemNode = ({
</Stack>
<SlideFade
offsetY="0px"
offsetX="-10px"
offsetY="5px"
offsetX="-5px"
in={isMouseOver}
style={{
position: "absolute",
right: "-10px",
top: "-10px",
right: "-0.25rem",
top: "-0.25rem",
zIndex: 3,
}}
unmountOnExit
@ -283,7 +283,7 @@ export const CardsItemNode = ({
aria-label={t("blocks.inputs.button.openSettings.ariaLabel")}
icon={<SettingsIcon />}
variant="ghost"
size="sm"
size="xs"
shadow="md"
onClick={() => setOpenedNodeId(item.id)}
/>