upd styles

This commit is contained in:
oiov
2024-10-30 14:51:36 +08:00
parent 3a8ccd7843
commit 1a2038ba26
4 changed files with 53 additions and 54 deletions
+1 -1
View File
@@ -40,7 +40,7 @@ export default function RootLayout({ children }: RootLayoutProps) {
<SessionProvider>
<ThemeProvider
attribute="class"
defaultTheme="system"
defaultTheme="dark"
enableSystem
disableTransitionOnChange
>
+49 -50
View File
@@ -59,56 +59,6 @@ export function UserAuthForm({ className, type, ...props }: UserAuthFormProps) {
return (
<div className={cn("grid gap-3", className)} {...props}>
<form onSubmit={handleSubmit(onSubmit)}>
<div className="grid gap-2">
<div className="grid gap-1">
<Label className="sr-only" htmlFor="email">
Email
</Label>
<Input
id="email"
placeholder="name@example.com"
type="email"
autoCapitalize="none"
autoComplete="email"
autoCorrect="off"
disabled={isLoading || isGoogleLoading}
{...register("email")}
/>
{errors?.email && (
<p className="px-1 text-xs text-red-600">
{errors.email.message}
</p>
)}
</div>
<button
className={cn(buttonVariants(), "mt-3")}
disabled={
!siteConfig.openSignup ||
isLoading ||
isGoogleLoading ||
isGithubLoading
}
>
{isLoading && (
<Icons.spinner className="mr-2 size-4 animate-spin" />
)}
{type === "register" ? "Sign Up with Email" : "Sign In with Email"}
</button>
</div>
</form>
<div className="relative my-3">
<div className="absolute inset-0 flex items-center">
<span className="w-full border-t" />
</div>
<div className="relative flex justify-center text-xs uppercase">
<span className="bg-background px-2 text-muted-foreground">
Or continue with
</span>
</div>
</div>
<button
type="button"
className={cn(buttonVariants({ variant: "outline" }))}
@@ -151,6 +101,55 @@ export function UserAuthForm({ className, type, ...props }: UserAuthFormProps) {
)}{" "}
Github
</button>
<div className="relative my-3">
<div className="absolute inset-0 flex items-center">
<span className="w-full border-t" />
</div>
<div className="relative flex justify-center text-xs uppercase">
<span className="bg-background px-2 text-muted-foreground">
Or continue with
</span>
</div>
</div>
<form onSubmit={handleSubmit(onSubmit)}>
<div className="grid gap-2">
<div className="grid gap-1">
<Label className="sr-only" htmlFor="email">
Email
</Label>
<Input
id="email"
placeholder="name@example.com"
type="email"
autoCapitalize="none"
autoComplete="email"
autoCorrect="off"
disabled={isLoading || isGoogleLoading}
{...register("email")}
/>
{errors?.email && (
<p className="px-1 text-xs text-red-600">
{errors.email.message}
</p>
)}
</div>
<button
className={cn(buttonVariants(), "mt-3")}
disabled={
!siteConfig.openSignup ||
isLoading ||
isGoogleLoading ||
isGithubLoading
}
>
{isLoading && (
<Icons.spinner className="mr-2 size-4 animate-spin" />
)}
{type === "register" ? "Sign Up with Email" : "Sign In with Email"}
</button>
</div>
</form>
</div>
);
}
+2 -2
View File
@@ -60,10 +60,10 @@ export default async function HeroLanding() {
prefetch={true}
className={cn(
buttonVariants({ rounded: "xl", size: "lg" }),
"gap-2 px-5 text-[15px]",
"gap-2 px-5 text-[15px] font-semibold",
)}
>
<span>Apply</span>
<span>Sign in for free</span>
<Icons.arrowRight className="size-4" />
</Link>
</div>
+1 -1
View File
@@ -38,7 +38,7 @@ export const footerLinks: SidebarNavItem[] = [
items: [
{ title: "Vmail", href: "https://vmail.dev" },
{ title: "Moise", href: "https://moise.oiov.dev" },
{ title: "Inke", href: "https://inke.app" },
{ title: "Inke", href: "https://inke.wr.do" },
{ title: "Iconce", href: "https://iconce.com" },
],
},