Skip to content

Commit c5f2d86

Browse files
Kinfe123Kinfe123
committed
fix: auth 00 revamp
1 parent ce8e2e0 commit c5f2d86

File tree

5 files changed

+44
-16
lines changed

5 files changed

+44
-16
lines changed

‎apps/www/componentsNames.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ import FUIBasicContextMenu from "./previewsComponents/FUIBasicContextMenu.jsx";
2222

2323
import FUIPricingCardsRadioGroup from "./previewsComponents/FUIPricingCardsRadioGroup.jsx";
2424

25-
import FUILoginWithGridProvider from "./previewsComponents/FUILoginWithGridProvider.jsx";
25+
import FUILoginWithGridProvider from "./previewsComponents/FUILoginWithGridProvider.tsx";
2626

2727
import FUINavbarWithAdvencedDropdown from "./previewsComponents/FUINavbarWithAdvencedDropdown.jsx";
2828

‎apps/www/previewsComponents/FUILoginWithGridProvider.jsx renamed to ‎apps/www/previewsComponents/FUILoginWithGridProvider.tsx

Lines changed: 39 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,14 @@
11
"use client";
22
import { Input } from "@/components/ui/input";
3+
import { cn } from "@/lib/utils";
34
import { ChevronRight } from "lucide-react";
4-
import React from "react";
5+
import React, { useState } from "react";
56

67
export default function FUILoginWithGridProvider() {
8+
const [reset, setReset] = useState(false);
79
return (
810
<main className="w-full min-h-screen flex flex-col items-center justify-center sm:px-4 relative">
9-
<div class="absolute top-0 z-[0] h-screen w-screen bg-purple-950/10 bg-[radial-gradient(ellipse_20%_80%_at_50%_-20%,rgba(120,119,198,0.3),rgba(255,255,255,0))]"></div>
10-
11+
<div className="absolute top-0 z-[0] h-screen w-screen bg-purple-950/10 bg-[radial-gradient(ellipse_20%_80%_at_50%_-20%,rgba(120,119,198,0.3),rgba(255,255,255,0))]"></div>
1112
<div className="w-full space-y-6 text-gray-600 sm:max-w-md px-5 py-3 rounded-2xl transform-gpu dark:[border:1px_solid_rgba(255,255,255,.1)] dark:[box-shadow:0_-20px_80px_-20px_#8686f01f_inset]">
1213
<div className="text-center">
1314
<img
@@ -19,7 +20,7 @@ export default function FUILoginWithGridProvider() {
1920
<h3 className="text-gray-200 text-2xl font-normal sm:text-3xl tracking-tighter font-geist">
2021
Log in to your account
2122
</h3>
22-
<p className="">
23+
<p className="text-gray-400">
2324
Don't have an account?{" "}
2425
<a
2526
href="javascript:void(0)"
@@ -32,9 +33,16 @@ export default function FUILoginWithGridProvider() {
3233
</div>
3334
<div className="bg-transparent shadow p-4 py-6 space-y-8 sm:p-6 sm:rounded-lg">
3435
<div className="grid grid-cols-3 gap-x-3">
35-
<button className="flex transform-gpu dark:[border:1px_solid_rgba(255,255,255,.1)] dark:[box-shadow:0_-20px_80px_-20px_#8686f01f_inset] border-white/10 items-center justify-center py-2.5 border rounded-lg hover:bg-gray-50 duration-150 active:bg-gray-100">
36+
<button
37+
onMouseEnter={() => setReset(false)}
38+
onMouseLeave={() => setReset(true)}
39+
className="group flex transform-gpu dark:[border:1px_solid_rgba(255,255,255,.1)] dark:[box-shadow:0_-20px_80px_-20px_#8686f01f_inset] border-white/10 items-center justify-center py-2.5 border rounded-lg hover:bg-transparent/50 duration-150 active:bg-transparent/50"
40+
>
3641
<svg
37-
className="w-5 h-5"
42+
className={cn(
43+
"w-5 h-5 group-hover:-translate-y-1 duration-300 transition-all ",
44+
reset ? "translate-y-0" : "tranistion-transform"
45+
)}
3846
viewBox="0 0 48 48"
3947
fill="none"
4048
xmlns="http://www.w3.org/2000/svg"
@@ -64,9 +72,17 @@ export default function FUILoginWithGridProvider() {
6472
</defs>
6573
</svg>
6674
</button>
67-
<button className="flex transform-gpu dark:[border:1px_solid_rgba(255,255,255,.1)] dark:[box-shadow:0_-20px_80px_-20px_#8686f01f_inset] border-white/10 items-center justify-center py-2.5 border rounded-lg hover:bg-gray-50 duration-150 active:bg-gray-100">
75+
76+
<button
77+
onMouseEnter={() => setReset(false)}
78+
onMouseLeave={() => setReset(true)}
79+
className="group flex transform-gpu dark:[border:1px_solid_rgba(255,255,255,.1)] dark:[box-shadow:0_-20px_80px_-20px_#8686f01f_inset] border-white/10 items-center justify-center py-2.5 border rounded-lg hover:bg-transparent/50 duration-150 active:bg-transparent/50"
80+
>
6881
<svg
69-
className="w-5 h-5"
82+
className={cn(
83+
"w-5 h-5 group-hover:-translate-y-1 duration-300 transition-all ",
84+
reset ? "translate-y-0" : "tranistion-transform"
85+
)}
7086
viewBox="0 0 48 48"
7187
fill="none"
7288
xmlns="http://www.w3.org/2000/svg"
@@ -77,9 +93,16 @@ export default function FUILoginWithGridProvider() {
7793
/>
7894
</svg>
7995
</button>
80-
<button className="flex transform-gpu dark:[border:1px_solid_rgba(255,255,255,.1)] dark:[box-shadow:0_-20px_80px_-20px_#8686f01f_inset] border-white/10 items-center justify-center py-2.5 border rounded-lg hover:bg-gray-50 duration-150 active:bg-gray-100">
96+
<button
97+
onMouseEnter={() => setReset(false)}
98+
onMouseLeave={() => setReset(true)}
99+
className="group flex transform-gpu dark:[border:1px_solid_rgba(255,255,255,.1)] dark:[box-shadow:0_-20px_80px_-20px_#8686f01f_inset] border-white/10 items-center justify-center py-2.5 border rounded-lg hover:bg-transparent/50 duration-150 active:bg-transparent/50"
100+
>
81101
<svg
82-
className="w-5 h-5"
102+
className={cn(
103+
"w-5 h-5 group-hover:-translate-y-1 duration-300 transition-all ",
104+
reset ? "translate-y-0" : "tranistion-transform"
105+
)}
83106
viewBox="0 0 48 48"
84107
fill="currentColor"
85108
xmlns="http://www.w3.org/2000/svg"
@@ -136,15 +159,19 @@ export default function FUILoginWithGridProvider() {
136159
</div>
137160
<form onSubmit={(e) => e.preventDefault()} className="space-y-5">
138161
<div>
139-
<label className="font-medium text-gray-100/50 font-geist">Email</label>
162+
<label className="font-medium text-gray-100/50 font-geist">
163+
Email
164+
</label>
140165
<Input
141166
type="email"
142167
required
143168
className="w-full mt-2 px-3 py-3 text-gray-500 bg-transparent outline-none border focus:border-purple-600 shadow-sm rounded-lg"
144169
/>
145170
</div>
146171
<div>
147-
<label className="font-medium text-gray-100/50 font-geist">Password</label>
172+
<label className="font-medium text-gray-100/50 font-geist">
173+
Password
174+
</label>
148175
<Input
149176
type="password"
150177
required
@@ -154,7 +181,6 @@ export default function FUILoginWithGridProvider() {
154181
<button className="w-full group px-4 py-4 font-geist tracking-tighter text-xl text-white font-medium bg-purple-200/10 transform-gpu dark:[border:1px_solid_rgba(255,255,255,.1)] dark:[box-shadow:0_-20px_80px_-20px_#8686f01f_inset] hover:bg-transparent/10 active:bg-purple-600 rounded-lg duration-150">
155182
Sign in
156183
<ChevronRight className="inline-flex justify-center items-center w-4 h-4 ml-2 group-hover:translate-x-1 duration-300" />
157-
158184
</button>
159185
</form>
160186
</div>

‎apps/www/tsconfig.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,7 @@
1616
"moduleResolution": "node",
1717
"resolveJsonModule": true,
1818
"isolatedModules": true,
19+
"allowImportingTsExtensions": true,
1920
"jsx": "preserve",
2021
"incremental": true,
2122
// "allowImportingTsExtensions": true,
@@ -25,6 +26,6 @@
2526
}
2627
]
2728
},
28-
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts" , ".contentlayer/generated", "components/ui/Preview/utils.td"],
29+
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts" , ".contentlayer/generated", "components/ui/Preview/utils.td", "previewsComponents/FUILoginWithGridProvider.tsx"],
2930
"exclude": ["node_modules"]
3031
}

‎apps/www/viewport/components/reactComponents.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ import FUIHeroSectionWithImage from "previewsComponents/FUIHeroSectionWithImage"
66
import FUIHeroSectionWithLogoClouds from "previewsComponents/FUIHeroSectionWithLogoClouds";
77
import FUIHeroWithGrid from "previewsComponents/FUIHeroWithGrid";
88
import FUIHeroWithGridSimple from "previewsComponents/FUIHeroWithSimple";
9-
import FUILoginWithGridProvider from "previewsComponents/FUILoginWithGridProvider";
9+
import FUILoginWithGridProvider from "previewsComponents/FUILoginWithGridProvider.tsx";
1010
import React from "react";
1111

1212
type ComponentProps = {

‎tsconfig.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@
1212
"moduleResolution": "node",
1313
"noUnusedLocals": false,
1414
"noUnusedParameters": false,
15+
"allowImportingTsExtensions":true,
1516
"preserveWatchOutput": true,
1617
"skipLibCheck": true,
1718
"strict": true

0 commit comments

Comments
 (0)