Files
Cleanuparr/code/frontend/src/app/layout/page-header/page-header.component.scss
2026-02-12 17:51:30 +02:00

35 lines
800 B
SCSS

.page-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: var(--space-4);
margin-bottom: var(--space-6);
&__title {
font-size: var(--font-size-2xl);
font-weight: 700;
color: var(--text-primary);
line-height: 1.2;
@supports (-webkit-background-clip: text) or (background-clip: text) {
background: linear-gradient(135deg, var(--text-primary) 10%, var(--color-primary) 50%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
}
&__subtitle {
font-size: var(--font-size-sm);
color: var(--text-secondary);
margin-top: var(--space-1);
}
&__actions {
display: flex;
align-items: center;
gap: var(--space-2);
flex-shrink: 0;
}
}