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

feat: finish Stitch skills and authentication screens

Browse Source
This commit is contained in:
Jens
2026-07-22 20:21:55 +02:00
parent afe18e5b96
commit 4acd81afb5
3 changed files with 118 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/responsive.css
+26
View File
@@ -30,6 +30,8 @@
.employer-radar-layout, .employer-detail-grid, .automation-layout { grid-template-columns: 1fr; }
.employer-intelligence-rail { position: static; border-top: 1px solid var(--outline); border-left: 0; }
.automation-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.skills-insight-layout { grid-template-columns: 1fr; }
.skills-method-rail { position: static; grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
@@ -66,6 +68,17 @@
.automation-status dl { display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; }
.automation-status dl > div { min-width: 0; border-top: 1px solid var(--outline); border-left: 0; padding: 11px 4px; }
.employer-job-grid { grid-template-columns: 1fr; }
.login-cockpit { min-height: 0; grid-template-columns: 1fr; }
.login-intelligence { min-height: 360px; border-right: 0; border-bottom: 1px solid var(--outline); }
.login-radar { width: 310px; }
.login-cockpit .auth-card { margin: 34px; }
.insight-hero { grid-template-columns: 96px minmax(0, 1fr); }
.insight-hero .button { grid-column: 1 / -1; width: fit-content; }
.insight-orbit { width: 92px; height: 92px; }
.skill-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.skill-metrics article:nth-child(2) { border-right: 0; }
.skill-metrics article:nth-child(-n+2) { border-bottom: 1px solid color-mix(in srgb, var(--outline) 32%, transparent); }
.skills-method-rail { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
@@ -108,6 +121,19 @@
.match-history a { grid-column: 1 / -1; }
.auth-shell { padding: 14px; }
.auth-card { padding: 22px 18px; }
.login-intelligence { min-height: 310px; padding: 24px; }
.login-intro h1 { font-size: 34px; }
.login-signals { display: none; }
.login-radar { top: 3%; right: -34%; width: 290px; }
.login-cockpit .auth-card { margin: 28px 20px; padding: 0; }
.insight-hero { min-height: 0; grid-template-columns: 1fr; padding: 20px; }
.insight-orbit { width: 82px; height: 82px; }
.skill-metrics { grid-template-columns: 1fr; }
.skill-metrics article { border-right: 0; border-bottom: 1px solid color-mix(in srgb, var(--outline) 32%, transparent); }
.skill-demand-card { grid-template-columns: 1fr; }
.skill-demand-action { min-width: 0; border-top: 1px solid color-mix(in srgb, var(--outline) 34%, transparent); border-left: 0; }
.skill-demand-action .button { width: 100%; }
.skill-card-heading, .skill-job-examples li { align-items: flex-start; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {