feat: improve dialogs ux

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",
         },

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",
       }}
     >
       <Flex justifyContent="center" alignItems="center">

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,

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,
         }}
       >

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",