feature/small-site-header-on-scroll (#2)

Co-authored-by: Tim Rijkse <trijkse@gmail.com> Reviewed-on: #2
2026-01-15 09:44:02 +00:00
parent 49d22484c0
commit 80673fd810
4 changed files with 75 additions and 6 deletions
--- a/css/styles.css
+++ b/css/styles.css
@@ -197,7 +197,10 @@ table {
  --color-border: #e2e8f0;
  --color-border-light: #f1f5f9;

-  --color-push-box-bg: #EBEEF4;
+  --color-push-box-bg: #ebeef4;
+
+  /* Layout */
+  --site-header-height: 210px;

  --color-success: #22c55e;
  --color-error: #ef4444;
@@ -317,10 +320,15 @@ top-bar .actions {
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
+  padding-top: 0;
  background-color: var(--color-background);
  position: relative;
 }

+site-content {
+  display: block;
+}
+
@media (min-width: 431px) {
  body {
    display: flex;