diff --git a/apps/mobile/app/components/dialog/dialog-buttons.js b/apps/mobile/app/components/dialog/dialog-buttons.js index f0674a121..8684b5545 100644 --- a/apps/mobile/app/components/dialog/dialog-buttons.js +++ b/apps/mobile/app/components/dialog/dialog-buttons.js @@ -45,8 +45,8 @@ const DialogButtons = ({ { backgroundColor: colors.secondary.background, height: 60, - borderBottomRightRadius: 10, - borderBottomLeftRadius: 10, + borderBottomRightRadius: 5, + borderBottomLeftRadius: 5, paddingHorizontal: 12, borderTopWidth: 0.7, borderTopColor: getColorLinearShade( diff --git a/apps/mobile/app/components/dialog/index.js b/apps/mobile/app/components/dialog/index.js index e0c5033eb..4ed2dd4fd 100644 --- a/apps/mobile/app/components/dialog/index.js +++ b/apps/mobile/app/components/dialog/index.js @@ -36,6 +36,7 @@ import DialogButtons from "./dialog-buttons"; import DialogHeader from "./dialog-header"; import { useCallback } from "react"; import { Button } from "../ui/button"; +import { getContainerBorder } from "../../utils/colors"; export const Dialog = ({ context = "global" }) => { const { colors } = useThemeColors(); @@ -121,7 +122,8 @@ export const Dialog = ({ context = "global" }) => { maxHeight: 450, borderRadius: 5, backgroundColor: colors.primary.background, - paddingTop: 12 + paddingTop: 12, + ...getContainerBorder(colors.primary.border, 0.5) }; return visible ? ( diff --git a/apps/mobile/app/components/ui/sheet/index.js b/apps/mobile/app/components/ui/sheet/index.js index 3c8e01ab5..21d55d736 100644 --- a/apps/mobile/app/components/ui/sheet/index.js +++ b/apps/mobile/app/components/ui/sheet/index.js @@ -28,6 +28,7 @@ import { Toast } from "../../toast"; import { useAppState } from "../../../hooks/use-app-state"; import SettingsService from "../../../services/settings"; import { useUserStore } from "../../../stores/use-user-store"; +import { getContainerBorder } from "../../../utils/colors"; /** * @@ -73,9 +74,17 @@ const SheetWrapper = ({ borderTopLeftRadius: 15, alignSelf: "center", borderBottomRightRadius: 0, - borderBottomLeftRadius: 0 + borderBottomLeftRadius: 0, + ...getContainerBorder(colors.primary.border, 0.5), + borderBottomWidth: 0 }; - }, [colors.primary.background, largeTablet, smallTablet, width]); + }, [ + colors.primary.background, + colors.primary.border, + largeTablet, + smallTablet, + width + ]); const _onOpen = () => { if (lockEvents.current) return;