Exodai/Arbejd.com-react
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial React project

Browse Source
This commit is contained in:
Johan
2026-03-08 16:19:11 +01:00
parent ac2e3c9621
commit adf5491fdc
9 changed files with 34 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist/assets/appicon-8UAfw_Cw.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 662 KiB

1
dist/assets/index-BJ6dr-un.css vendored
View File

File diff suppressed because one or more lines are too long

4
dist/assets/index-C5uhOwhC.js → dist/assets/index-BTQ7aOhU.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/assets/index-DCi6r_ld.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

4
dist/index.html vendored
View File

@@ -7,8 +7,8 @@
<title>arbejd-react</title> <title>arbejd-react</title>
<script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.tailwindcss.com"></script>
<script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script> <script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script>
<script type="module" crossorigin src="/assets/index-C5uhOwhC.js"></script> <script type="module" crossorigin src="/assets/index-BTQ7aOhU.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BJ6dr-un.css"> <link rel="stylesheet" crossorigin href="/assets/index-DCi6r_ld.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

BIN
src/assets/appicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 662 KiB

14
src/assets/arbejd-logo.svg Normal file
View File

@@ -0,0 +1,14 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<defs>
<linearGradient id="arbejdLogoBg" x1="0%" y1="100%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#1A9A75" />
<stop offset="100%" stop-color="#3167C9" />
</linearGradient>
<linearGradient id="arbejdLogoFg" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#6ACEEB" />
<stop offset="100%" stop-color="#46D3B6" />
</linearGradient>
</defs>
<rect width="100" height="100" fill="url(#arbejdLogoBg)" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M 60 15 L 72 15 L 72 85 L 60 85 L 60 72.98 A 28 28 0 1 1 60 27.02 Z M 44 34 A 16 16 0 1 0 44 66 A 16 16 0 1 0 44 34 Z" fill="url(#arbejdLogoFg)" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 740 B

7
src/presentation/dashboard/components/DashboardSidebar.tsx
View File

@@ -1,5 +1,6 @@
import { Briefcase, Bot, Crown, FileText, Gamepad2, LayoutGrid, Menu, MessageCircle, Radar, Sparkles, X } from 'lucide-react'; import { Briefcase, Bot, Crown, FileText, Gamepad2, LayoutGrid, Menu, MessageCircle, Radar, Sparkles, X } from 'lucide-react';
import { useEffect, useState, type ComponentType } from 'react'; import { useEffect, useState, type ComponentType } from 'react';
import appIcon from '../../../assets/appicon.png';
interface DashboardSidebarProps { interface DashboardSidebarProps {
active?: DashboardNavKey; active?: DashboardNavKey;
@@ -85,8 +86,10 @@ 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">
<div className="dash-logo-dot">A</div> <img src={appIcon} alt="Arbejd logo" className="dash-logo-mark" />
<span className="dash-logo-text">ARBEJD</span> <span className="dash-logo-text">
ARBEJD<span className="dash-logo-domain">.com</span>
</span>
</div> </div>
<nav className="dash-nav"> <nav className="dash-nav">

19
src/presentation/dashboard/pages/dashboard.css
View File

@@ -85,21 +85,16 @@
.dash-logo-row { .dash-logo-row {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 8px; gap: 10px;
margin-bottom: 14px; margin-bottom: 14px;
padding-left: 8px; padding-left: 8px;
} }
.dash-logo-dot { .dash-logo-mark {
width: 32px; width: 32px;
height: 32px; height: 32px;
border-radius: 999px; border-radius: 8px;
display: grid; box-shadow: 0 10px 22px rgba(13, 148, 136, 0.2);
place-items: center;
color: #fff;
font-weight: 700;
background: linear-gradient(135deg, #0f766e, #06b6d4);
box-shadow: 0 10px 22px rgba(13, 148, 136, 0.28);
} }
.dash-logo-text { .dash-logo-text {
@@ -108,6 +103,12 @@
letter-spacing: -0.03em; letter-spacing: -0.03em;
} }
.dash-logo-domain {
font-size: 0.8em;
margin-left: 2px;
opacity: 0.75;
}
.dash-nav { .dash-nav {
display: grid; display: grid;
gap: 6px; gap: 6px;