uibee 1.2.0 → 1.3.1
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.
package/dist/globals.css
CHANGED
|
@@ -229,9 +229,15 @@
|
|
|
229
229
|
.gap-2 {
|
|
230
230
|
gap: calc(var(--spacing) * 2);
|
|
231
231
|
}
|
|
232
|
+
.gap-3 {
|
|
233
|
+
gap: calc(var(--spacing) * 3);
|
|
234
|
+
}
|
|
232
235
|
.gap-4 {
|
|
233
236
|
gap: calc(var(--spacing) * 4);
|
|
234
237
|
}
|
|
238
|
+
.rounded {
|
|
239
|
+
border-radius: 0.25rem;
|
|
240
|
+
}
|
|
235
241
|
.rounded-xl {
|
|
236
242
|
border-radius: var(--radius-xl);
|
|
237
243
|
}
|
|
@@ -250,12 +256,18 @@
|
|
|
250
256
|
.p-8 {
|
|
251
257
|
padding: calc(var(--spacing) * 8);
|
|
252
258
|
}
|
|
259
|
+
.px-3 {
|
|
260
|
+
padding-inline: calc(var(--spacing) * 3);
|
|
261
|
+
}
|
|
253
262
|
.px-4 {
|
|
254
263
|
padding-inline: calc(var(--spacing) * 4);
|
|
255
264
|
}
|
|
256
265
|
.px-6 {
|
|
257
266
|
padding-inline: calc(var(--spacing) * 6);
|
|
258
267
|
}
|
|
268
|
+
.py-2 {
|
|
269
|
+
padding-block: calc(var(--spacing) * 2);
|
|
270
|
+
}
|
|
259
271
|
.py-3 {
|
|
260
272
|
padding-block: calc(var(--spacing) * 3);
|
|
261
273
|
}
|
|
@@ -321,6 +333,12 @@
|
|
|
321
333
|
}
|
|
322
334
|
}
|
|
323
335
|
}
|
|
336
|
+
.focus\:outline-none {
|
|
337
|
+
&:focus {
|
|
338
|
+
--tw-outline-style: none;
|
|
339
|
+
outline-style: none;
|
|
340
|
+
}
|
|
341
|
+
}
|
|
324
342
|
.sm\:px-12 {
|
|
325
343
|
@media (width >= 40rem) {
|
|
326
344
|
padding-inline: calc(var(--spacing) * 12);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { LoginPageProps } from 'uibee/components';
|
|
2
|
-
export default function LoginPage({ title, description, redirectURI, version }: LoginPageProps): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export default function LoginPage({ title, description, redirectURI, version, btg, handleSubmit }: LoginPageProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,7 +3,12 @@ import { LogIn } from 'lucide-react';
|
|
|
3
3
|
import Link from 'next/link';
|
|
4
4
|
import Image from 'next/image';
|
|
5
5
|
import logo from '../../images/logo-tekst-white.svg';
|
|
6
|
-
export default function LoginPage({ title, description, redirectURI, version }) {
|
|
7
|
-
return (_jsx("main", { className: 'min-h-screen flex items-center justify-center bg-login-900 p-8', children: _jsxs("div", { className: 'flex flex-col justify-center items-center bg-login-600 px-4 py-12 rounded-xl w-full max-w-md gap-4 md:gap-6', children: [_jsx("div", { className: 'relative aspect-[3/1] w-full', children: _jsx(Image, { src: logo, alt: 'Logo', fill: true, className: 'object-contain sm:px-12' }) }),
|
|
8
|
-
|
|
6
|
+
export default function LoginPage({ title, description, redirectURI, version, btg, handleSubmit }) {
|
|
7
|
+
return (_jsx("main", { className: 'min-h-screen flex items-center justify-center bg-login-900 p-8', children: _jsxs("div", { className: 'flex flex-col justify-center items-center bg-login-600 px-4 py-12 rounded-xl w-full max-w-md gap-4 md:gap-6', children: [_jsx("div", { className: 'relative aspect-[3/1] w-full', children: _jsx(Image, { src: logo, alt: 'Logo', fill: true, className: 'object-contain sm:px-12' }) }), _jsxs("h1", { className: 'text-3xl font-extrabold text-login text-center tracking-tight', children: [title, " ", btg ? ' - Break the Glass' : ''] }), description && (_jsx("p", { className: 'text-login-100 text-center font-medium text-lg mb-2 max-w-xs', children: description })), btg ? (_jsxs("form", { className: 'w-full flex flex-col gap-3 max-w-xs', onSubmit: e => {
|
|
8
|
+
e.preventDefault();
|
|
9
|
+
handleSubmit?.(new FormData(e.currentTarget));
|
|
10
|
+
e.currentTarget.reset();
|
|
11
|
+
}, children: [_jsx("input", { type: 'text', name: 'name', placeholder: 'Name', className: 'py-2 px-3 rounded bg-login-900 text-login-50 font-medium focus:outline-none', required: true }), _jsx("input", { type: 'password', name: 'token', placeholder: 'Token', className: 'py-2 px-3 rounded bg-login-900 text-login-50 font-medium focus:outline-none', required: true }), _jsx("button", { type: 'submit', className: 'py-2 px-4 rounded-xl bg-login font-bold text-lg ' +
|
|
12
|
+
'hover:bg-login/80 text-login-50 transition-all duration-200 mt-2', children: "Login" })] })) : (_jsx(Link, { href: redirectURI, className: 'w-full flex justify-center', children: _jsxs("button", { className: 'flex items-center justify-center gap-2 w-full max-w-xs py-3 px-6 rounded-xl bg-login font-bold text-lg ' +
|
|
13
|
+
'hover:bg-login/80 text-login-50 transition-all duration-200 mb-2 mt-2', children: ["Login", _jsx(LogIn, { className: 'w-6 h-6' })] }) })), _jsxs("span", { className: 'text-login-100 text-sm mt-2', children: ["v", version] })] }) }));
|
|
9
14
|
}
|
package/package.json
CHANGED