Initial React project
This commit is contained in:
@@ -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}>
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user