Initial React project

This commit is contained in:
Johan
2026-03-13 00:46:52 +01:00
parent 051b73653d
commit 39d4e5b8cf
4 changed files with 8 additions and 15 deletions

View File

@@ -2,6 +2,7 @@ import { ForgotPasswordView } from '../components/ForgotPasswordView';
import { LoginView } from '../components/LoginView'; import { LoginView } from '../components/LoginView';
import { RegisterView } from '../components/RegisterView'; import { RegisterView } from '../components/RegisterView';
import { useAuthPage } from '../hooks/useAuthPage'; import { useAuthPage } from '../hooks/useAuthPage';
import appIcon from '../../../assets/appicon.png';
import './auth.css'; import './auth.css';
interface AuthPageProps { interface AuthPageProps {
@@ -46,8 +47,8 @@ export function AuthPage({ onAuthenticated }: AuthPageProps) {
<div className="orb orb-3" /> <div className="orb orb-3" />
<div className="auth-logo-wrap"> <div className="auth-logo-wrap">
<div className="auth-logo-dot">A</div> <img src={appIcon} alt="Arbejd logo" className="auth-logo-dot" />
<span className="auth-logo-text">ARBEJD</span> <span className="auth-logo-text">Arbejd.com</span>
</div> </div>
<section className="auth-card" key={view}> <section className="auth-card" key={view}>

View File

@@ -63,13 +63,9 @@
.auth-logo-dot { .auth-logo-dot {
width: 32px; width: 32px;
height: 32px; height: 32px;
border-radius: 999px; border-radius: 8px;
display: grid; object-fit: cover;
place-items: center; box-shadow: 0 4px 15px rgba(49, 103, 201, 0.2);
color: #fff;
font-weight: 700;
background: linear-gradient(135deg, #0f766e, #06b6d4);
box-shadow: 0 12px 22px rgba(13, 148, 136, 0.3);
} }
.auth-logo-text { .auth-logo-text {

View File

@@ -87,9 +87,7 @@ export function DashboardSidebar({ active = 'dashboard', onNavigate }: Dashboard
<aside className={`dash-sidebar ${isMobileMenuOpen ? 'open' : ''}`}> <aside className={`dash-sidebar ${isMobileMenuOpen ? 'open' : ''}`}>
<div className="dash-logo-row"> <div className="dash-logo-row">
<img src={appIcon} alt="Arbejd logo" className="dash-logo-mark" /> <img src={appIcon} alt="Arbejd logo" className="dash-logo-mark" />
<span className="dash-logo-text"> <span className="dash-logo-text">Arbejd.com</span>
ARBEJD<span className="dash-logo-domain">.com</span>
</span>
</div> </div>
<nav className="dash-nav"> <nav className="dash-nav">

View File

@@ -59,9 +59,7 @@ export function SiteNavbar({
alt="Arbejd logo" alt="Arbejd logo"
className="w-8 h-8 rounded-lg shadow-[0_4px_15px_rgba(49,103,201,0.2)] group-hover:shadow-[0_6px_20px_rgba(49,103,201,0.3)] transition-all group-hover:scale-105 object-cover" className="w-8 h-8 rounded-lg shadow-[0_4px_15px_rgba(49,103,201,0.2)] group-hover:shadow-[0_6px_20px_rgba(49,103,201,0.3)] transition-all group-hover:scale-105 object-cover"
/> />
<span className="text-xl font-normal tracking-tight text-gray-900"> <span className="text-xl font-normal tracking-tight text-gray-900">Arbejd.com</span>
ARBEJD<span className="text-base">.com</span>
</span>
</a> </a>
<div className="hidden md:flex items-center gap-8"> <div className="hidden md:flex items-center gap-8">