@main12/auth-login 0.3.3 → 0.3.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/components/AuthLayout.js +10 -10
  2. package/dist/components/ui/index.js +4 -4
  3. package/package.json +1 -1
package/dist/components/AuthLayout.js CHANGED
@@ -18,17 +18,17 @@ function DefaultLogo() {
18
18
  });
19
19
  return null;
20
20
  }
21
- export const AuthLayout = ({ children, logo, title, subtitle, footer, poweredBy, cardClassName = '', backgroundClass = 'bg-white md:bg-[#191919]' })=>{
21
+ export const AuthLayout = ({ children, logo, title, subtitle, footer, poweredBy, cardClassName = '', backgroundClass = 'bg-accent' })=>{
22
22
  const displayLogo = logo || /*#__PURE__*/ _jsx(DefaultLogo, {});
23
23
  const header = (displayLogo || title) && /*#__PURE__*/ _jsxs("div", {
24
- className: "flex flex-col items-center gap-2 pt-6 pb-2 px-6",
24
+ className: "flex flex-col items-center gap-2 pt-8 pb-4 px-8",
25
25
  children: [
26
26
  displayLogo && /*#__PURE__*/ _jsx("div", {
27
- className: "flex justify-center mb-2",
27
+ className: "flex justify-center mb-3",
28
28
  children: displayLogo
29
29
  }),
30
30
  title && /*#__PURE__*/ _jsx("h1", {
31
- className: "text-xl font-semibold text-gray-900 text-center",
31
+ className: "text-2xl font-bold text-gray-900 text-center tracking-tight",
32
32
  children: title
33
33
  }),
34
34
  subtitle && /*#__PURE__*/ _jsx("p", {
@@ -41,19 +41,19 @@ export const AuthLayout = ({ children, logo, title, subtitle, footer, poweredBy,
41
41
  className: `flex flex-col min-h-screen ${backgroundClass}`,
42
42
  children: [
43
43
  /*#__PURE__*/ _jsxs("div", {
44
- className: "md:hidden flex flex-col w-full max-w-md mx-auto light [color-scheme:light]",
44
+ className: "md:hidden flex flex-col w-full max-w-md mx-auto light [color-scheme:light] px-4 py-8",
45
45
  "data-theme": "light",
46
46
  style: {
47
- maxWidth: '400px'
47
+ maxWidth: '448px'
48
48
  },
49
49
  children: [
50
50
  header,
51
51
  /*#__PURE__*/ _jsx("div", {
52
- className: "px-6 pb-4",
52
+ className: "px-8 pb-6",
53
53
  children: children
54
54
  }),
55
55
  footer && /*#__PURE__*/ _jsx("div", {
56
- className: "px-6 pb-6 flex justify-center",
56
+ className: "px-8 pb-8 flex justify-center",
57
57
  children: footer
58
58
  }),
59
59
  /*#__PURE__*/ _jsx(PoweredBy, {
@@ -64,9 +64,9 @@ export const AuthLayout = ({ children, logo, title, subtitle, footer, poweredBy,
64
64
  /*#__PURE__*/ _jsx("div", {
65
65
  className: "hidden md:flex min-h-screen items-center justify-center px-4 py-12",
66
66
  children: /*#__PURE__*/ _jsxs("div", {
67
- className: "w-full max-w-md max-w-[400px] animate-[fadeIn_0.5s_ease-out]",
67
+ className: "w-full max-w-md animate-[fadeIn_0.5s_ease-out]",
68
68
  style: {
69
- maxWidth: '400px'
69
+ maxWidth: '448px'
70
70
  },
71
71
  children: [
72
72
  /*#__PURE__*/ _jsxs(Card, {
package/dist/components/ui/index.js CHANGED
@@ -54,20 +54,20 @@ export const Card = ({ children, className = '' })=>/*#__PURE__*/ _jsx("div", {
54
54
  className: `bg-white text-gray-900 rounded-2xl shadow-2xl w-full light [color-scheme:light] ${className}`,
55
55
  "data-theme": "light",
56
56
  style: {
57
- maxWidth: '400px'
57
+ maxWidth: '448px'
58
58
  },
59
59
  children: children
60
60
  });
61
61
  export const CardHeader = ({ children, className = '' })=>/*#__PURE__*/ _jsx("div", {
62
- className: `flex flex-col items-center gap-2 pt-8 pb-2 px-6 ${className}`,
62
+ className: `flex flex-col items-center gap-2 pt-8 pb-4 px-8 ${className}`,
63
63
  children: children
64
64
  });
65
65
  export const CardContent = ({ children, className = '' })=>/*#__PURE__*/ _jsx("div", {
66
- className: `px-6 pb-4 ${className}`,
66
+ className: `px-8 pb-6 ${className}`,
67
67
  children: children
68
68
  });
69
69
  export const CardFooter = ({ children, className = '' })=>/*#__PURE__*/ _jsx("div", {
70
- className: `px-6 pb-6 flex justify-center ${className}`,
70
+ className: `px-8 pb-8 flex justify-center ${className}`,
71
71
  children: children
72
72
  });
73
73
  export const CardTitle = ({ children, className = '' })=>/*#__PURE__*/ _jsx("h1", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@main12/auth-login",
3
- "version": "0.3.3",
3
+ "version": "0.3.4",
4
4
  "description": "Reusable Payload CMS auth plugin — login, signup, OTP, forgot password, branded emails, Powered by Main12",
5
5
  "license": "MIT",
6
6
  "type": "module",