diff --git a/apps/web/src/components/dialogs/dialog.js b/apps/web/src/components/dialogs/dialog.js index 84fc05b29..cce412f8a 100644 --- a/apps/web/src/components/dialogs/dialog.js +++ b/apps/web/src/components/dialogs/dialog.js @@ -18,18 +18,18 @@ function Dialog(props) { onRequestClose={props?.negativeButton?.onClick} style={{ content: { - top: "50%", - left: "50%", + top: isMobile ? 0 : "50%", + left: isMobile ? 0 : "50%", right: "auto", bottom: "auto", - marginRight: "-50%", - transform: "translate(-50%, -50%)", + marginRight: isMobile ? 0 : "-50%", + transform: isMobile ? 0 : "translate(-50%, -50%)", borderWidth: 0, borderRadius: theme.radii["default"], backgroundColor: theme.colors.background, color: theme.colors.text, boxShadow: "4px 5px 18px 2px #00000038", - width: isMobile ? "95%" : "30%", + width: isMobile ? "100%" : "30%", padding: 0, overflowY: "hidden", }, diff --git a/apps/web/src/components/dialogs/exportdialog.js b/apps/web/src/components/dialogs/exportdialog.js index b4e5ed706..912a2cc5c 100644 --- a/apps/web/src/components/dialogs/exportdialog.js +++ b/apps/web/src/components/dialogs/exportdialog.js @@ -16,7 +16,7 @@ function ExportDialog(props) { buttonsAlignment="center" negativeButton={{ onClick: props.onClose, - text: "I don't want to export anymore", + text: "Cancel", }} > diff --git a/apps/web/src/components/dialogs/logindialog.js b/apps/web/src/components/dialogs/logindialog.js index 750cda712..8e63ec498 100644 --- a/apps/web/src/components/dialogs/logindialog.js +++ b/apps/web/src/components/dialogs/logindialog.js @@ -22,7 +22,7 @@ function LoginDialog(props) { description={"Signing in allows you to sync your notes across devices."} icon={Icon.Login} onCloseClick={onClose} - negativeButton={{ text: "I don't want to", onClick: onClose }} + negativeButton={{ text: "Cancel", onClick: onClose }} positiveButton={{ text: "Sign me in", loading: isLoggingIn, diff --git a/apps/web/src/components/dialogs/move-note-dialog.js b/apps/web/src/components/dialogs/move-note-dialog.js index 2a13d59dc..5b2c94e29 100644 --- a/apps/web/src/components/dialogs/move-note-dialog.js +++ b/apps/web/src/components/dialogs/move-note-dialog.js @@ -38,7 +38,7 @@ class MoveDialog extends React.Component { icon={Icon.Move} buttonsAlignment="center" negativeButton={{ - text: "Get me out of here", + text: "Cancel", onClick: props.onClose, }} > diff --git a/apps/web/src/components/dialogs/signupdialog.js b/apps/web/src/components/dialogs/signupdialog.js index 6441d0152..b6466663a 100644 --- a/apps/web/src/components/dialogs/signupdialog.js +++ b/apps/web/src/components/dialogs/signupdialog.js @@ -24,7 +24,7 @@ function SignUpDialog(props) { description={"Sign up for a 14-day free trial (no credit card)."} icon={Icon.Signup} onCloseClick={onClose} - negativeButton={{ text: "I don't want to", onClick: onClose }} + negativeButton={{ text: "Cancel", onClick: onClose }} buttonsAlignment="center" positiveButton={{ text: "Create my account",