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 gap-8 border border-[#2B2B2B] rounded-lg p-8 bg-[#1a1a1a]">
<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>
</div>
@@ -51,7 +51,7 @@ export default function Login() {
</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}>
Login
Sign In
</button>
</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' : ''}`}>
{item}
</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 className="flex flex-row items-center justify-start gap-2">
<Popover.Root open={open} onOpenChange={setOpen}>
<Popover.Trigger className="flex flex-row items-center justify-start gap-0 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.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">
@@ -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"
>
<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>
</>
) : (
@@ -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"
>
<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>
)}
</div>