christianV/Craze-Data-check
1
0
Fork 0
mirror of https://github.com/christianvidalwolf-prog/Craze-Data-check.git synced 2026-08-03 15:45:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

style: integrate new logo and update theme to deep navy

Browse Source
This commit is contained in:
christian.vidal
2026-03-27 18:18:06 +01:00
parent b88ca57c95
commit 1f2bc2c4d4
2 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.tsx
+2 -2
View File
@@ -204,7 +204,7 @@ export default function App() {
}, [appState.data]); }, [appState.data]);
return ( return (
<div className="h-screen bg-slate-900 text-slate-200 flex flex-col font-sans overflow-hidden"> <div className="h-screen bg-[#040d1a] text-slate-200 flex flex-col font-sans overflow-hidden">
<TopBar <TopBar
stats={stats} stats={stats}
onExport={handleExport} onExport={handleExport}
@@ -215,7 +215,7 @@ export default function App() {
/> />
<div className="flex flex-1 overflow-hidden"> <div className="flex flex-1 overflow-hidden">
<Sidebar activeModule={activeModule} setActiveModule={setActiveModule} /> <Sidebar activeModule={activeModule} setActiveModule={setActiveModule} />
<main className="flex-1 overflow-auto relative p-6 bg-slate-950"> <main className="flex-1 overflow-auto relative p-6 bg-[#041021]">
{isLoadingDefault ? ( {isLoadingDefault ? (
<div className="flex flex-col items-center justify-center h-full text-slate-400"> <div className="flex flex-col items-center justify-center h-full text-slate-400">
<div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-500 mb-4"></div> <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-500 mb-4"></div>
src/components/TopBar.tsx
+7 -4
View File
@@ -12,10 +12,13 @@ interface TopBarProps {
export function TopBar({ stats, onExport, hasData, hasUnsavedChanges, userEmail, onSignOut }: TopBarProps) { export function TopBar({ stats, onExport, hasData, hasUnsavedChanges, userEmail, onSignOut }: TopBarProps) {
return ( return (
<header className="bg-slate-800 border-b border-slate-700 h-16 flex items-center justify-between px-6 shrink-0 z-10"> <header className="bg-[#020812] border-b border-slate-700/30 h-16 flex items-center justify-between px-6 shrink-0 z-10 shadow-2xl">
<div className="flex items-center gap-3"> <div className="flex items-center">
<Database className="text-blue-500 w-6 h-6" /> <img
<h1 className="text-xl font-bold text-white tracking-tight">CRAZE Product Data Quality Manager</h1> src="/assets/logo.png"
alt="DataCraze"
className="h-10 w-auto object-contain"
/>
</div> </div>
{stats && ( {stats && (