Jens/VacatureRadar
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: replace dashboard and vacancy intelligence

Browse Source
This commit is contained in:
Jens
2026-07-22 19:56:15 +02:00
parent 09af98193f
commit 3371455255
9 changed files with 388 additions and 216 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/responsive.css
+12
View File
@@ -8,6 +8,7 @@
@media (max-width: 1450px) {
.filter-console { grid-template-columns: minmax(240px, 2fr) repeat(3, minmax(130px, 1fr)); }
.filter-console > :nth-last-child(-n+3) { grid-row: 2; }
.explorer-shell { grid-template-columns: minmax(390px, .9fr) minmax(430px, 1.1fr); }
}
@media (max-width: 1180px) {
@@ -17,6 +18,8 @@
.health-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.filter-console { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.filter-console > * { grid-row: auto !important; }
.explorer-shell { grid-template-columns: 1fr; }
.explorer-intelligence { position: static; }
}
@media (max-width: 820px) {
@@ -45,6 +48,9 @@
.source-alert-grid { grid-template-columns: 1fr; }
.feed-card, .result-card { grid-template-columns: 1fr; }
.feed-card-actions, .result-actions { min-width: 0; flex-direction: row; justify-content: flex-start; border-top: 1px solid color-mix(in srgb, var(--outline) 34%, transparent); border-left: 0; }
.detail-hero { align-items: flex-start; flex-direction: column; min-height: 0; }
.hero-score { min-width: 0; width: 100%; text-align: left; }
.intelligence-strip { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
@@ -63,6 +69,12 @@
.page-actions, .job-actions, .form-actions { width: 100%; }
.page-actions .button, .form-actions .button { flex: 1; }
.sticky-actions { bottom: 76px; width: 100%; overflow-x: auto; justify-content: flex-start; }
.explorer-card { grid-template-columns: 54px minmax(0, 1fr); padding: 12px; }
.explorer-score { width: 50px; height: 50px; }
.explorer-arrow { display: none; }
.intelligence-actions, .intel-facts, .signal-columns, .intelligence-strip { grid-template-columns: 1fr; }
.score-components > div { grid-template-columns: 100px minmax(70px, 1fr) 30px; }
.source-list li, .version-list article { align-items: flex-start; grid-template-columns: 1fr; flex-direction: column; padding: 11px 0; }
.auth-shell { padding: 14px; }
.auth-card { padding: 22px 18px; }
}