PostERG/xamxam
1
0
Fork 0
mirror of https://codeberg.org/PostERG/xamxam.git synced 2026-05-06 19:19:19 +02:00
Code Issues Packages Projects Releases Wiki Activity

Prevent admin nav wrapping to match public header height

Browse Source
This commit is contained in:
Pontoporeia
2026-04-09 14:37:49 +02:00
parent c5c049eace
commit 0c29fa21e9
5 changed files with 106 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
public/assets/css/common.css
View File

@@ -75,12 +75,10 @@ body > header {
flex-shrink: 0;
background: linear-gradient(
180deg,
var(--gradient-start) 0%,
var(--gradient-2) 20%,
var(--gradient-3) 40%,
var(--gradient-4) 60%,
var(--gradient-4) 88%,
var(--header-gradient-fade) 96%
var(--gradient-1) 0%,
var(--gradient-2) 33%,
var(--gradient-3) 66%,
var(--gradient-4) 100%
);
}
@@ -98,7 +96,9 @@ body > header nav {
text-transform: uppercase;
color: var(--accent-foreground);
text-decoration: none;
text-shadow: 0 0 16px var(--header-shadow-strong), 0 0 32px var(--header-shadow-soft);
text-shadow:
0 0 16px var(--header-shadow-strong),
0 0 32px var(--header-shadow-soft);
}
.nav-left {
@@ -147,7 +147,9 @@ body > header nav ul a {
/* Subtle shadow on all header text to improve legibility against the gradient */
body > header nav > a,
body > header nav ul a {
text-shadow: 0 0 16px var(--header-shadow-strong), 0 0 32px var(--header-shadow-soft);
text-shadow:
0 0 16px var(--header-shadow-strong),
0 0 32px var(--header-shadow-soft);
}
body > header nav ul a:hover {
@@ -165,6 +167,13 @@ body > header nav ul a[aria-current="page"] {
============================================================ */
.header-search-wrap {
padding: 0 0;
background-color: var(--gradient-4);
background: linear-gradient(
180deg,
var(--gradient-4) 0%,
#ffffffee 100%
);
}
.header-search-wrap form[role="search"] {
@@ -173,7 +182,7 @@ body > header nav ul a[aria-current="page"] {
gap: var(--space-2xs);
padding: var(--space-3xs) var(--space-s);
border: 1px solid var(--accent-primary);
border-radius: 0;
border-radius: 10px;
background: var(--bg-primary);
width: 100%;
color: var(--accent-primary);