Home header style change

This commit is contained in:
Lim Chee Aun 2023-01-29 10:17:29 +08:00
parent b3748b5a56
commit 80cc387c1c

View file

@ -1167,25 +1167,25 @@ meter.donut:is(.danger, .explode):after {
background-color: transparent; background-color: transparent;
} }
.timeline-deck > header { .timeline-deck > header {
min-height: 6em; --margin-top: 16px;
min-height: 4em;
top: var(--margin-top);
border-bottom: 0; border-bottom: 0;
background-color: var(--bg-faded-blur-color); background-color: var(--bg-faded-blur-color);
background-image: linear-gradient( background-image: none;
to bottom,
var(--bg-faded-color),
transparent 50%
);
border-bottom: 0; border-bottom: 0;
mask-image: linear-gradient( border-radius: 16px;
rgba(0, 0, 0, 1) 50%, margin-inline: 16px;
rgba(0, 0, 0, 0.7) 80%, }
rgba(0, 0, 0, 0.5) 90%, .timeline-deck > header[hidden] {
transparent transform: translate3d(0, calc((100% + var(--margin-top)) * -1), 0);
);
} }
.deck > header h1 { .deck > header h1 {
font-size: 1.5em; font-size: 1.5em;
} }
.updates-button {
margin-top: 24px;
}
.timeline-deck .timeline:not(.flat) > li { .timeline-deck .timeline:not(.flat) > li {
border: 1px solid var(--divider-color); border: 1px solid var(--divider-color);
margin: 16px 0; margin: 16px 0;