style(calendar): Improve event description readability
Some checks are pending
NordaBiz Tests / Unit & Integration Tests (push) Waiting to run
NordaBiz Tests / E2E Tests (Playwright) (push) Blocked by required conditions
NordaBiz Tests / Smoke Tests (Production) (push) Blocked by required conditions
NordaBiz Tests / Send Failure Notification (push) Blocked by required conditions
Some checks are pending
NordaBiz Tests / Unit & Integration Tests (push) Waiting to run
NordaBiz Tests / E2E Tests (Playwright) (push) Blocked by required conditions
NordaBiz Tests / Smoke Tests (Production) (push) Blocked by required conditions
NordaBiz Tests / Send Failure Notification (push) Blocked by required conditions
Add paragraph spacing, larger font, and styled callout box for pricing/key info in event detail pages. Better visual hierarchy. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
7bd34824ab
commit
71d231e819
@ -55,8 +55,46 @@
|
||||
|
||||
.event-description {
|
||||
margin-bottom: var(--spacing-xl);
|
||||
line-height: 1.7;
|
||||
line-height: 1.8;
|
||||
color: var(--text-primary);
|
||||
font-size: 1.05rem;
|
||||
}
|
||||
|
||||
.event-description p {
|
||||
margin-bottom: var(--spacing-md);
|
||||
}
|
||||
|
||||
.event-description p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.event-callout {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: var(--spacing-md);
|
||||
padding: var(--spacing-lg);
|
||||
background: linear-gradient(135deg, #f0fdf4, #ecfdf5);
|
||||
border: 1px solid #bbf7d0;
|
||||
border-radius: var(--radius-lg);
|
||||
margin-top: var(--spacing-lg);
|
||||
}
|
||||
|
||||
.event-callout svg {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
color: #16a34a;
|
||||
flex-shrink: 0;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.event-callout strong {
|
||||
color: #15803d;
|
||||
}
|
||||
|
||||
.event-callout small {
|
||||
display: block;
|
||||
margin-top: var(--spacing-xs);
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
.rsvp-section {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user