umami/components/layout/Header.module.css

53 lines
750 B
CSS
Raw Normal View History

2020-08-05 07:45:05 +02:00
.header {
display: flex;
2022-03-01 03:39:37 +01:00
align-items: center;
width: 100%;
padding: 30px 30px 0 30px;
2020-08-05 07:45:05 +02:00
}
.title {
2020-09-27 07:02:10 +02:00
display: flex;
flex-direction: row;
2020-08-05 07:45:05 +02:00
align-items: center;
gap: 10px;
font-size: var(--font-size-lg);
font-weight: 700;
color: var(--font-color100) !important;
2020-08-05 07:45:05 +02:00
}
2020-08-07 07:03:02 +02:00
.buttons {
display: flex;
flex-direction: row;
2020-09-27 07:02:10 +02:00
align-items: center;
justify-content: flex-end;
}
@media only screen and (max-width: 992px) {
2022-03-01 03:39:37 +01:00
.header .buttons {
flex: 1;
}
2022-03-12 01:04:05 +01:00
2022-03-01 03:39:37 +01:00
.links {
order: 2;
margin: 20px 0;
min-width: 100%;
}
2021-01-03 12:32:25 +01:00
}
@media only screen and (max-width: 768px) {
2021-01-03 12:32:25 +01:00
.header {
2022-03-12 01:04:05 +01:00
padding: 0 30px;
}
2022-03-01 03:39:37 +01:00
.buttons,
.links {
display: none;
}
2022-03-01 03:39:37 +01:00
.title {
flex: 1;
padding: 0.5rem;
margin-bottom: 0.5rem;
}
2020-08-07 07:03:02 +02:00
}