Fix mobile
This commit is contained in:
1 parent
7508f6e084
commit
490444032c
8 files changed
+24
-11
No files matched your search
@@ -56,7 +56,7 @@ const isCurrent = (href: string) => href.split('#')[0] === path && !href.include
|
||||
pointer-events: none;
|
||||
}
|
||||
.header__shell {
|
||||
padding-block: var(--space-3);
|
||||
padding-block: calc(var(--space-3) + var(--safe-top)) var(--space-3);
|
||||
transition:
|
||||
max-width var(--dur-slow) var(--ease),
|
||||
padding var(--dur-slow) var(--ease);
|
||||
@@ -68,8 +68,11 @@ const isCurrent = (href: string) => href.split('#')[0] === path && !href.include
|
||||
max-width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
/* Docked, the glass also fills the status-bar strip, so scrolled content never shows behind the
|
||||
clock; the bar's contents stay below it. */
|
||||
.header[data-scrolled] .header__bar {
|
||||
min-height: var(--header-height);
|
||||
min-height: var(--header-offset);
|
||||
padding-top: var(--safe-top);
|
||||
border-width: 0 0 var(--line);
|
||||
}
|
||||
.header[data-scrolled] .header__bar::after { content: none; }
|
||||
|
||||
Reference in new issue
Block a user