Initial React project
This commit is contained in:
BIN
dist/assets/appicon-8UAfw_Cw.png
vendored
Normal file
BIN
dist/assets/appicon-8UAfw_Cw.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 662 KiB |
1
dist/assets/index-BJ6dr-un.css
vendored
1
dist/assets/index-BJ6dr-un.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
1
dist/assets/index-DCi6r_ld.css
vendored
Normal file
1
dist/assets/index-DCi6r_ld.css
vendored
Normal file
File diff suppressed because one or more lines are too long
4
dist/index.html
vendored
4
dist/index.html
vendored
@@ -7,8 +7,8 @@
|
||||
<title>arbejd-react</title>
|
||||
<script src="https://cdn.tailwindcss.com"></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>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-BJ6dr-un.css">
|
||||
<script type="module" crossorigin src="/assets/index-BTQ7aOhU.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-DCi6r_ld.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
|
||||
BIN
src/assets/appicon.png
Normal file
BIN
src/assets/appicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 662 KiB |
14
src/assets/arbejd-logo.svg
Normal file
14
src/assets/arbejd-logo.svg
Normal 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>
|
||||
|
After Width: | Height: | Size: 740 B |
@@ -1,5 +1,6 @@
|
||||
import { Briefcase, Bot, Crown, FileText, Gamepad2, LayoutGrid, Menu, MessageCircle, Radar, Sparkles, X } from 'lucide-react';
|
||||
import { useEffect, useState, type ComponentType } from 'react';
|
||||
import appIcon from '../../../assets/appicon.png';
|
||||
|
||||
interface DashboardSidebarProps {
|
||||
active?: DashboardNavKey;
|
||||
@@ -85,8 +86,10 @@ export function DashboardSidebar({ active = 'dashboard', onNavigate }: Dashboard
|
||||
|
||||
<aside className={`dash-sidebar ${isMobileMenuOpen ? 'open' : ''}`}>
|
||||
<div className="dash-logo-row">
|
||||
<div className="dash-logo-dot">A</div>
|
||||
<span className="dash-logo-text">ARBEJD</span>
|
||||
<img src={appIcon} alt="Arbejd logo" className="dash-logo-mark" />
|
||||
<span className="dash-logo-text">
|
||||
ARBEJD<span className="dash-logo-domain">.com</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<nav className="dash-nav">
|
||||
|
||||
@@ -85,21 +85,16 @@
|
||||
.dash-logo-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
gap: 10px;
|
||||
margin-bottom: 14px;
|
||||
padding-left: 8px;
|
||||
}
|
||||
|
||||
.dash-logo-dot {
|
||||
.dash-logo-mark {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
border-radius: 999px;
|
||||
display: grid;
|
||||
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);
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 10px 22px rgba(13, 148, 136, 0.2);
|
||||
}
|
||||
|
||||
.dash-logo-text {
|
||||
@@ -108,6 +103,12 @@
|
||||
letter-spacing: -0.03em;
|
||||
}
|
||||
|
||||
.dash-logo-domain {
|
||||
font-size: 0.8em;
|
||||
margin-left: 2px;
|
||||
opacity: 0.75;
|
||||
}
|
||||
|
||||
.dash-nav {
|
||||
display: grid;
|
||||
gap: 6px;
|
||||
|
||||
Reference in New Issue
Block a user