wisplite/raster
1
0
Fork 0
mirror of https://github.com/wisplite/raster.git synced 2026-05-01 06:32:44 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix some styling and language choices

Browse Source
This commit is contained in:
wisplite
2025-11-20 12:44:31 -06:00
parent 70e08b5b44
commit 33e925089e
2 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/account/login.jsx
+2 -2
View File
@@ -22,7 +22,7 @@ export default function Login() {
<div className="flex flex-col w-full max-w-md px-8"> <div className="flex flex-col w-full max-w-md px-8">
<div className="flex flex-col gap-8 border border-[#2B2B2B] rounded-lg p-8 bg-[#1a1a1a]"> <div className="flex flex-col gap-8 border border-[#2B2B2B] rounded-lg p-8 bg-[#1a1a1a]">
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
<h1 className="text-3xl font-bold text-white red-hat-mono">Login</h1> <h1 className="text-3xl font-bold text-white red-hat-mono">Sign In</h1>
<p className="text-sm text-gray-400 red-hat-text">Enter your credentials to continue</p> <p className="text-sm text-gray-400 red-hat-text">Enter your credentials to continue</p>
</div> </div>
@@ -51,7 +51,7 @@ export default function Login() {
</div> </div>
<button className="w-full py-2.5 bg-white text-black rounded-md font-medium hover:bg-gray-200 transition-colors red-hat-mono cursor-pointer" onClick={handleLogin}> <button className="w-full py-2.5 bg-white text-black rounded-md font-medium hover:bg-gray-200 transition-colors red-hat-mono cursor-pointer" onClick={handleLogin}>
Login Sign In
</button> </button>
</div> </div>
</div> </div>
frontend/src/components/NavBar.jsx
+5 -4
View File
@@ -14,15 +14,16 @@ export default function NavBar({ path }) {
<Link to={`/${path.slice(0, index + 1).join('/')}`} key={item} className={`text-white ${index === path.length - 1 ? 'font-bold' : ''}`}> <Link to={`/${path.slice(0, index + 1).join('/')}`} key={item} className={`text-white ${index === path.length - 1 ? 'font-bold' : ''}`}>
{item} {item}
</Link> </Link>
{index !== path.length - 1 && <p className="text-white">/</p>} {index !== path.length - 1 && <p className="text-white red-hat-mono">/</p>}
</div> </div>
))} ))}
</div> </div>
<div className="flex flex-row items-center justify-start gap-2"> <div className="flex flex-row items-center justify-start gap-2">
<Popover.Root open={open} onOpenChange={setOpen}> <Popover.Root open={open} onOpenChange={setOpen}>
<Popover.Trigger className="flex flex-row items-center justify-start gap-0 cursor-pointer"> <Popover.Trigger className="flex flex-row items-center justify-start gap-0 cursor-pointer">
<UserIcon className="w-6 h-6 text-white cursor-pointer" /> <UserIcon className="w-6 h-6 text-white cursor-pointer" />
<ChevronDown className={`w-4 h-4 text-white ${open ? 'rotate-180' : ''}`} /> {/* <ChevronDown className={`w-4 h-4 text-white ${open ? 'rotate-180' : ''}`} /> */}
</Popover.Trigger> </Popover.Trigger>
<Popover.Content align="end" sideOffset={8} className="w-56 z-50"> <Popover.Content align="end" sideOffset={8} className="w-56 z-50">
<div className="flex flex-col bg-[#141414] border border-[#2B2B2B] rounded-lg shadow-xl overflow-hidden"> <div className="flex flex-col bg-[#141414] border border-[#2B2B2B] rounded-lg shadow-xl overflow-hidden">
@@ -44,7 +45,7 @@ export default function NavBar({ path }) {
className="flex items-center gap-3 px-3 py-2 w-full text-left text-sm text-gray-300 hover:text-white hover:bg-[#2B2B2B] rounded-md transition-all group cursor-pointer" className="flex items-center gap-3 px-3 py-2 w-full text-left text-sm text-gray-300 hover:text-white hover:bg-[#2B2B2B] rounded-md transition-all group cursor-pointer"
> >
<LogOut className="w-4 h-4 text-gray-400 group-hover:text-white transition-colors" /> <LogOut className="w-4 h-4 text-gray-400 group-hover:text-white transition-colors" />
<span className="font-medium red-hat-text">Log Out</span> <span className="font-medium red-hat-text">Sign Out</span>
</button> </button>
</> </>
) : ( ) : (
@@ -53,7 +54,7 @@ export default function NavBar({ path }) {
className="flex items-center gap-3 px-3 py-2 w-full text-left text-sm text-gray-300 hover:text-white hover:bg-[#2B2B2B] rounded-md transition-all group cursor-pointer" className="flex items-center gap-3 px-3 py-2 w-full text-left text-sm text-gray-300 hover:text-white hover:bg-[#2B2B2B] rounded-md transition-all group cursor-pointer"
> >
<LogIn className="w-4 h-4 text-gray-400 group-hover:text-white transition-colors" /> <LogIn className="w-4 h-4 text-gray-400 group-hover:text-white transition-colors" />
<span className="font-medium red-hat-text">Log In</span> <span className="font-medium red-hat-text">Sign In</span>
</Link> </Link>
)} )}
</div> </div>