Style/Revamp #4

Merged
me merged 12 commits from feature/home_revamp into main 2026-05-08 03:16:16 +00:00
5 changed files with 317 additions and 316 deletions
Showing only changes of commit 27ab3ad4b1 - Show all commits
File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 34 KiB

+2 -2
View File
@@ -32,9 +32,9 @@ export default function Logo({
if (type === "logo") { if (type === "logo") {
return ( return (
<img <img
src="/android-chrome-512x512.png" src="/logo.svg"
alt="Pi. Ku. logo" alt="Pi. Ku. logo"
className="mx-auto" className="mx-4"
width={scale * 100} width={scale * 100}
/> />
); );
+3 -3
View File
@@ -24,9 +24,9 @@
--color-neutral: oklch(38% 0.02 45); --color-neutral: oklch(38% 0.02 45);
--color-neutral-content: oklch(80% 0.015 60); --color-neutral-content: oklch(80% 0.015 60);
--color-info: oklch(60% 0.07 240); --color-info: oklch(60% 0.06 250);
--color-info-content: oklch(95% 0.01 240); --color-info-content: oklch(95% 0.01 240);
--color-success: oklch(60% 0.08 150); --color-success: oklch(65% 0.05 140);
--color-success-content: oklch(16% 0.03 150); --color-success-content: oklch(16% 0.03 150);
--color-warning: oklch(68% 0.08 72); --color-warning: oklch(68% 0.08 72);
--color-warning-content: oklch(18% 0.03 60); --color-warning-content: oklch(18% 0.03 60);
@@ -64,7 +64,7 @@
} }
.glass-card { .glass-card {
@apply bg-glass-bg backdrop-blur-xl border border-neutral-content/10 shadow-warm rounded-xl m-4; @apply bg-glass-bg max-w-xs md:max-w-sm backdrop-blur-xl border border-neutral-content/10 shadow-warm rounded-xl m-4;
} }
.ul-wavy { .ul-wavy {
+2 -2
View File
@@ -83,8 +83,8 @@ export default function Login() {
{showWelcome && <WelcomeModal setShowWelcome={setShowWelcome} />} {showWelcome && <WelcomeModal setShowWelcome={setShowWelcome} />}
<div className="glass-card w-full max-w-sm p-2 transition-all duration-500 hover:shadow-2xl fade-zoom"> <div className="glass-card w-full max-w-sm p-2 transition-all duration-500 hover:shadow-2xl fade-zoom">
<form onSubmit={handleSubmit(onSubmit)} className="card-body gap-4"> <form onSubmit={handleSubmit(onSubmit)} className="card-body gap-4">
<h1 className="card-title font-display text-2xl justify-center text-primary/80 tracking-tight"> <h1 className="flex items-center font-display text-2xl justify-center text-primary/80 tracking-tight">
Enter <Logo /> Archive &nbsp;&nbsp;Enter <Logo type="logo" scale={0.7} /> Archive
</h1> </h1>
{apiError && ( {apiError && (
+1 -1
View File
@@ -77,7 +77,7 @@ export default function Register() {
<div className="glass-card w-full max-w-sm p-2 transition-all duration-500 hover:shadow-2xl fade-zoom"> <div className="glass-card w-full max-w-sm p-2 transition-all duration-500 hover:shadow-2xl fade-zoom">
<form onSubmit={handleSubmit(onSubmit)} className="card-body gap-4"> <form onSubmit={handleSubmit(onSubmit)} className="card-body gap-4">
<div className="card-title font-display text-2xl justify-center text-primary/80 tracking-tight whitespace-nowrap"> <div className="card-title font-display text-2xl justify-center text-primary/80 tracking-tight whitespace-nowrap">
Create a <Logo /> Account Create a <Logo type="logo" scale={0.7} /> Account
</div> </div>
{apiError && ( {apiError && (