@canmingir/link 1.2.24 → 1.2.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canmingir/link",
-  "version": "1.2.24",
+  "version": "1.2.26",
   "type": "module",
   "exports": {
     ".": "./index.js",

package/src/layouts/auth/modern.jsx

@@ -28,7 +28,7 @@ export default function AuthModernLayout({ image }) {
       <Logo
         maxSize={140}
         sx={{
-          mb: { xs: 1, md: 2 },
+          mb: 1,
           width: 80,
           height: 80,
         }}
@@ -37,7 +37,7 @@ export default function AuthModernLayout({ image }) {
       <Card
         sx={{
           width: 1,
-          py: { xs: 6, md: 8 },
+          py: { xs: 6, md: 4 },
           px: { xs: 4, md: 6 },
           boxShadow: {
             xs: (theme) =>

package/src/lib/Flow/core/FlowViewport.jsx

@@ -57,25 +57,35 @@ const FlowViewport = ({
     if (!container) return;
 
     const onWheel = (e) => {
+      e.preventDefault();
+
+      let deltaX = e.deltaX;
+      let deltaY = e.deltaY;
+      if (e.deltaMode === 1) {
+        deltaX *= 20;
+        deltaY *= 20;
+      } else if (e.deltaMode === 2) {
+        deltaX *= 400;
+        deltaY *= 400;
+      }
+
       const wantsZoom = e.ctrlKey || e.metaKey;
 
       if (wantsZoom) {
-        e.preventDefault();
-        const direction = e.deltaY > 0 ? -1 : 1;
-        const factor = direction > 0 ? 1.1 : 1 / 1.1;
+        const maxDelta = 15;
+        const clamped = Math.max(-maxDelta, Math.min(maxDelta, deltaY));
+        const factor = Math.exp(-clamped * 0.007);
         setZoom((z) => clampZoom(z * factor));
       } else if (e.shiftKey) {
-        e.preventDefault();
-        const delta = e.deltaX !== 0 ? e.deltaX : e.deltaY;
+        const delta = deltaX !== 0 ? deltaX : deltaY;
         setOffset((prev) => ({
           x: prev.x - delta,
           y: prev.y,
         }));
       } else {
-        e.preventDefault();
         setOffset((prev) => ({
-          x: prev.x - e.deltaX,
-          y: prev.y - e.deltaY,
+          x: prev.x - deltaX,
+          y: prev.y - deltaY,
         }));
       }
     };

package/src/pages/LoginPage.jsx

@@ -30,20 +30,11 @@ function LoginPage() {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [navigate]);
 
-  if (credentials?.provider === "COGNITO") {
-    return <CognitoLogin />;
-  }
-
-  if (credentials?.provider === "DEMO") {
-    return (
-      <Page title={`Sign in to ${name}`}>
-        <DemoLogin />
-      </Page>
-    );
-  }
-
   return (
     <Page title={`Sign in to ${name}`}>
+      {credentials?.provider === "COGNITO" && <CognitoLogin />}
+      {credentials?.provider === "DEMO" && <DemoLogin />}
+
       <LoginForm icon={template.login.icon} name={name} formColor={formColor} />
     </Page>
   );

package/src/widgets/Login/CognitoLogin.jsx

@@ -158,8 +158,8 @@ export default function CognitoLogin() {
   );
 
   return (
-    <Stack spacing={3}>
-      <Box sx={{ mb: 1, textAlign: "center" }}>
+    <Stack spacing={3} sx={{ mb: 2 }}>
+      <Box sx={{ textAlign: "center" }}>
         <Box
           sx={{
             width: 52,

package/src/widgets/Login/DemoLogin.jsx

@@ -55,7 +55,7 @@ export default function DemoLogin() {
   }
 
   return (
-    <Stack spacing={2.5}>
+    <Stack spacing={2.5} sx={{ mb: 2 }}>
       <Stack spacing={2}>
         <TextField
           label="Username"

package/src/widgets/LoginForm/LoginForm.jsx

@@ -18,12 +18,17 @@ const handleOAuthLogin = (
 };
 
 function LoginForm() {
-  const { name, project } = config();
+  const { name, project, credentials } = config();
 
   const [email, setEmail] = useState("");
   const [password, setPassword] = useState("");
 
-  const renderHead = (
+  const providerCheck =
+    credentials?.provider === "COGNITO" || credentials?.provider === "DEMO";
+
+  const hasContent = !providerCheck || !!project.nucleoid;
+
+  const renderHead = hasContent ? (
     <Stack spacing={2} sx={{ mb: 5 }}>
       <Typography variant="h4">Sign in to {name}</Typography>
       {project.nucleoid && (
@@ -34,7 +39,7 @@ function LoginForm() {
         </Stack>
       )}
     </Stack>
-  );
+  ) : null;
 
   const renderForm = (
     <>