This commit is contained in:
counterweight 2025-12-18 23:54:51 +01:00
parent b173b47925
commit 66bc4c5a45
Signed by: counterweight
GPG key ID: 883EDBAA726BD96C
10 changed files with 367 additions and 320 deletions

View file

@ -4,6 +4,7 @@ import { useEffect, useState } from "react";
import { useRouter } from "next/navigation";
import { useAuth, Permission } from "./auth-context";
import { API_URL } from "./config";
import { sharedStyles } from "./styles/shared";
export default function Home() {
const [count, setCount] = useState<number | null>(null);
@ -90,80 +91,7 @@ export default function Home() {
);
}
const styles: Record<string, React.CSSProperties> = {
main: {
minHeight: "100vh",
background: "linear-gradient(135deg, #0f0f23 0%, #1a1a3e 50%, #2d1b4e 100%)",
display: "flex",
flexDirection: "column",
},
loader: {
flex: 1,
display: "flex",
alignItems: "center",
justifyContent: "center",
fontFamily: "'DM Sans', system-ui, sans-serif",
color: "rgba(255, 255, 255, 0.5)",
fontSize: "1.125rem",
},
header: {
padding: "1.5rem 2rem",
borderBottom: "1px solid rgba(255, 255, 255, 0.06)",
display: "flex",
justifyContent: "space-between",
alignItems: "center",
},
nav: {
display: "flex",
alignItems: "center",
gap: "0.75rem",
},
navLink: {
fontFamily: "'DM Sans', system-ui, sans-serif",
color: "rgba(255, 255, 255, 0.5)",
fontSize: "0.875rem",
textDecoration: "none",
transition: "color 0.2s",
},
navDivider: {
color: "rgba(255, 255, 255, 0.2)",
fontSize: "0.75rem",
},
navCurrent: {
fontFamily: "'DM Sans', system-ui, sans-serif",
color: "#a78bfa",
fontSize: "0.875rem",
fontWeight: 600,
},
userInfo: {
display: "flex",
alignItems: "center",
gap: "1rem",
},
userEmail: {
fontFamily: "'DM Sans', system-ui, sans-serif",
color: "rgba(255, 255, 255, 0.6)",
fontSize: "0.875rem",
},
logoutBtn: {
fontFamily: "'DM Sans', system-ui, sans-serif",
padding: "0.5rem 1rem",
fontSize: "0.875rem",
fontWeight: 500,
background: "rgba(255, 255, 255, 0.05)",
color: "rgba(255, 255, 255, 0.7)",
border: "1px solid rgba(255, 255, 255, 0.1)",
borderRadius: "8px",
cursor: "pointer",
transition: "all 0.2s",
},
content: {
flex: 1,
display: "flex",
alignItems: "center",
justifyContent: "center",
padding: "2rem",
},
const pageStyles: Record<string, React.CSSProperties> = {
counterCard: {
background: "rgba(255, 255, 255, 0.03)",
backdropFilter: "blur(10px)",
@ -216,3 +144,5 @@ const styles: Record<string, React.CSSProperties> = {
fontWeight: 400,
},
};
const styles = { ...sharedStyles, ...pageStyles };