Janus007/PlanTempusApp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adds authentication and pricing pages for user onboarding

Browse source 
Introduces comprehensive user authentication flow with plan selection and registration

Includes:
- Pricing page with plan details and selection
- Payment page with plan summary and card information
- Signup page for different plan tiers
- Shared authentication layout and design system improvements

Enhances user onboarding experience with clear plan information and streamlined signup process
This commit is contained in:
Janus C. H. Knudsen 2026-01-11 01:30:32 +01:00
parent cd092f8290
commit 217a9cd95c
18 changed files with 2312 additions and 165 deletions
Download patch file Download diff file Expand all files Collapse all files

26
PlanTempus.Application/wwwroot/css/stats.css
View file

@ -49,8 +49,8 @@ swp-stat-box {
=========================================== */
swp-stat-value {
display: block;
font-size: 22px;
font-weight: 600;
font-size: var(--font-size-3xl);
font-weight: var(--font-weight-semibold);
font-family: var(--font-mono);
color: var(--color-text);
line-height: var(--line-height-tight);
@ -59,8 +59,8 @@ swp-stat-value {
/* Larger variant for emphasis */
swp-stat-card swp-stat-value,
swp-stat-box swp-stat-value {
font-size: 22px;
font-weight: 600;
font-size: var(--font-size-3xl);
font-weight: var(--font-weight-semibold);
font-family: var(--font-mono);
color: var(--color-text);
}
@ -76,8 +76,8 @@ swp-stat-label {
}
swp-stat-box swp-stat-label {
font-size: 11px;
font-weight: 500;
font-size: var(--font-size-xs);
font-weight: var(--font-weight-medium);
text-transform: uppercase;
letter-spacing: 0.5px;
color: var(--color-text-secondary);
@ -88,7 +88,7 @@ swp-stat-box swp-stat-label {
=========================================== */
swp-stat-subtitle {
display: block;
font-size: 11px;
font-size: var(--font-size-xs);
color: var(--color-text-muted);
margin-top: var(--spacing-1);
}
@ -201,11 +201,11 @@ swp-quick-stat {
}
swp-quick-stat swp-stat-value {
font-size: 18px;
font-size: var(--font-size-xl);
}
swp-quick-stat swp-stat-label {
font-size: 11px;
font-size: var(--font-size-xs);
margin-top: var(--spacing-1);
}
@ -215,15 +215,15 @@ swp-quick-stat swp-stat-label {
swp-stat-item {
display: flex;
flex-direction: column;
gap: 2px;
gap: var(--spacing-1);
padding: var(--spacing-2) var(--spacing-3);
background: var(--color-background);
border-radius: var(--border-radius);
}
swp-stat-item swp-stat-value {
font-size: 16px;
font-weight: 600;
font-size: var(--font-size-lg);
font-weight: var(--font-weight-semibold);
}
swp-stat-item swp-stat-value.mono {
@ -231,7 +231,7 @@ swp-stat-item swp-stat-value.mono {
}
swp-stat-item swp-stat-label {
font-size: 11px;
font-size: var(--font-size-xs);
margin-top: 0;
}