Initial React project

This commit is contained in:
Johan
2026-03-08 22:17:49 +01:00
parent 8a4d3eea44
commit f4c947945b
5 changed files with 143 additions and 3 deletions

1
dist/assets/index-BjZr6zWx.css vendored Normal file

File diff suppressed because one or more lines are too long

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>
<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-B0Iioc8H.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-Copv87DE.css">
<script type="module" crossorigin src="/assets/index-CsUgS6kN.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BjZr6zWx.css">
</head>
<body>
<div id="root"></div>

View File

@@ -938,6 +938,146 @@
background: rgba(255, 255, 255, 0.08);
}
.theme-dark .cv-modal-overlay {
background: rgba(3, 7, 18, 0.55);
}
.theme-dark .cv-modal {
background: rgba(17, 24, 39, 0.84);
border-color: rgba(255, 255, 255, 0.08);
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
}
.theme-dark .cv-modal-header,
.theme-dark .cv-modal-footer {
background: rgba(255, 255, 255, 0.02);
border-color: rgba(255, 255, 255, 0.08);
}
.theme-dark .cv-modal-title-wrap h2 {
color: #f9fafb;
}
.theme-dark .cv-modal-icon-btn {
color: #9ca3af;
}
.theme-dark .cv-modal-icon-btn:hover {
background: rgba(255, 255, 255, 0.06);
color: #f9fafb;
}
.theme-dark .cv-wizard-menu-card {
background: rgba(255, 255, 255, 0.03);
border-color: rgba(255, 255, 255, 0.08);
}
.theme-dark .cv-wizard-menu-card:hover {
background: rgba(255, 255, 255, 0.07);
}
.theme-dark .cv-wizard-menu-card strong {
color: #f3f4f6;
}
.theme-dark .cv-wizard-menu-card p,
.theme-dark .cv-wizard-placeholder,
.theme-dark .cv-upload-meta small {
color: #9ca3af;
}
.theme-dark .cv-field span {
color: #e5e7eb;
}
.theme-dark .cv-field input,
.theme-dark .cv-field textarea,
.theme-dark .cv-skill-search input,
.theme-dark .cv-birthday-trigger {
background: rgba(255, 255, 255, 0.04);
border-color: rgba(255, 255, 255, 0.1);
color: #f3f4f6;
}
.theme-dark .cv-field input::placeholder,
.theme-dark .cv-field textarea::placeholder,
.theme-dark .cv-skill-search input::placeholder {
color: #6b7280;
}
.theme-dark .cv-field input:focus,
.theme-dark .cv-field textarea:focus,
.theme-dark .cv-skill-search input:focus {
background: rgba(255, 255, 255, 0.07);
}
.theme-dark .cv-upload-wrap {
background: rgba(255, 255, 255, 0.03);
border-color: rgba(255, 255, 255, 0.1);
}
.theme-dark .cv-upload-preview {
background: rgba(255, 255, 255, 0.04);
border-color: rgba(255, 255, 255, 0.12);
color: #9ca3af;
}
.theme-dark .cv-upload-btn {
background: rgba(255, 255, 255, 0.06);
border-color: rgba(255, 255, 255, 0.14);
color: #f3f4f6;
}
.theme-dark .cv-upload-btn:hover {
background: rgba(255, 255, 255, 0.1);
}
.theme-dark .cv-skill-pill {
background: rgba(20, 184, 166, 0.16);
border-color: rgba(45, 212, 191, 0.5);
color: #99f6e4;
}
.theme-dark .cv-skill-dropdown,
.theme-dark .cv-birthday-popover {
background: rgba(17, 24, 39, 0.96);
border-color: rgba(255, 255, 255, 0.12);
}
.theme-dark .cv-skill-dropdown button,
.theme-dark .cv-birthday-days button,
.theme-dark .cv-birthday-header strong {
color: #f3f4f6;
}
.theme-dark .cv-skill-dropdown button:hover,
.theme-dark .cv-birthday-days button:hover,
.theme-dark .cv-birthday-header button:hover {
background: rgba(255, 255, 255, 0.08);
}
.theme-dark .cv-birthday-header button,
.theme-dark .cv-birthday-weekdays span,
.theme-dark .cv-birthday-empty,
.theme-dark .cv-skill-empty,
.theme-dark .cv-wizard-checkbox {
color: #9ca3af;
}
.theme-dark .cv-modal-cancel {
background: rgba(255, 255, 255, 0.04);
border-color: rgba(255, 255, 255, 0.12);
color: #f3f4f6;
}
.theme-dark .cv-modal-cancel:hover {
background: rgba(255, 255, 255, 0.08);
}
.theme-dark .cv-modal-save {
background: #0f766e;
}
@media (max-width: 1200px) {
.cv-layout {
grid-template-columns: 1fr;