From 3da39846c14c31df31a41029c16421fd6a52edb3 Mon Sep 17 00:00:00 2001 From: Local Dev Date: Sun, 20 Sep 2026 16:33:58 +0200 Subject: [PATCH] sites: drop the divider line under topnav; fix Sirius .X space MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit theseus.x, sirius.x and hephaestus.x had a 1px border-bottom under the sticky/fixed topnav that read as a visible separator between the navigation and the page. The topnav's own translucent-blur backdrop is enough of a distinction already — the line is redundant and, on the theseus.x sidebar layout, made the top of the sidebar look like it was overhanging the header. theseus.x tabs also had a "Sirius .X" gap because the topnav is a flex container and the icon + "Sirius" text + ".X" span were three flex items with a 6px gap between each. Wrapping the label in one collapses the gap to a single space between icon and label. Sidebar border-right and mobile bottom-bar border-top also dropped — the panel tint carries the boundary; a hard line was too heavy. --- extensions/index.html | 9 ++++----- index.html | 9 ++++----- plug-ins/index.html | 8 ++++---- 3 files changed, 12 insertions(+), 14 deletions(-) diff --git a/extensions/index.html b/extensions/index.html index 6b54af3..e5e35c3 100644 --- a/extensions/index.html +++ b/extensions/index.html @@ -24,8 +24,7 @@ a{color:var(--acid)} .wrap{max-width:900px;margin:0 auto;padding:0 1.2rem} .topnav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;gap:2px;align-items:center;flex-wrap:wrap; - padding:10px 1.2rem;background:rgba(11,14,20,.88);backdrop-filter:blur(10px); - border-bottom:1px solid var(--line)} + padding:10px 1.2rem;background:rgba(11,14,20,.88);backdrop-filter:blur(10px)} .topnav .brand{font-weight:600;color:var(--ink);text-decoration:none;margin-right:14px;font-size:15px;letter-spacing:.2px;display:flex;align-items:center;gap:8px} .topnav .brand .g{color:var(--acid)} .topnav .brand svg{width:20px;height:20px} @@ -44,7 +43,7 @@ body{padding-left:var(--sn-w);padding-top:var(--tn-h)} .sidenav{position:fixed;top:var(--tn-h);left:0;bottom:0;width:var(--sn-w);z-index:15; background:rgba(11,14,20,.82);backdrop-filter:blur(10px); - border-right:1px solid var(--line);padding:22px 14px 22px 18px; + padding:22px 14px 22px 18px; overflow-y:auto;transition:width .15s ease} .sidenav .lbl{color:var(--dim);font:600 10.5px/1 system-ui;letter-spacing:.24em;text-transform:uppercase; margin:0 0 14px 4px} @@ -67,7 +66,7 @@ :root{--sn-w:0px} body{padding-left:0;padding-bottom:64px} .sidenav{top:auto;bottom:0;left:0;right:0;width:100%;height:auto; - padding:4px 4px;flex-direction:row;border-right:none;border-top:1px solid var(--line); + padding:4px 4px;flex-direction:row; display:flex;justify-content:space-around;overflow-x:auto} .sidenav .lbl{display:none} .sidenav a{flex:1;min-width:56px;padding:10px 6px;justify-content:center;border-left:none; @@ -127,7 +126,7 @@ Home Plug-ins Extensions - Sirius.X + Sirius.X Get Theseus diff --git a/index.html b/index.html index 0a009ab..cbe5ee3 100644 --- a/index.html +++ b/index.html @@ -29,8 +29,7 @@ a{color:var(--acid)} .wrap{max-width:980px;margin:0 auto;padding:0 1.2rem} .topnav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;gap:2px;align-items:center;flex-wrap:wrap; - padding:10px 1.2rem;background:rgba(11,14,20,.88);backdrop-filter:blur(10px); - border-bottom:1px solid var(--line)} + padding:10px 1.2rem;background:rgba(11,14,20,.88);backdrop-filter:blur(10px)} .topnav .brand{font-weight:600;color:var(--ink);text-decoration:none;margin-right:14px;font-size:15px;letter-spacing:.2px;display:flex;align-items:center;gap:8px} .topnav .brand .g{color:var(--acid)} .topnav .brand svg{width:20px;height:20px} @@ -51,7 +50,7 @@ body{padding-left:var(--sn-w);padding-top:var(--tn-h)} .sidenav{position:fixed;top:var(--tn-h);left:0;bottom:0;width:var(--sn-w);z-index:15; background:rgba(11,14,20,.82);backdrop-filter:blur(10px); - border-right:1px solid var(--line);padding:22px 14px 22px 18px; + padding:22px 14px 22px 18px; overflow-y:auto;transition:width .15s ease} .sidenav .lbl{color:var(--dim);font:600 10.5px/1 system-ui;letter-spacing:.24em;text-transform:uppercase; margin:0 0 14px 4px} @@ -76,7 +75,7 @@ :root{--sn-w:0px} body{padding-left:0;padding-bottom:64px} .sidenav{top:auto;bottom:0;left:0;right:0;width:100%;height:auto; - padding:4px 4px;flex-direction:row;border-right:none;border-top:1px solid var(--line); + padding:4px 4px;flex-direction:row; display:flex;justify-content:space-around;overflow-x:auto} .sidenav .lbl{display:none} .sidenav a{flex:1;min-width:56px;padding:10px 6px;justify-content:center;border-left:none; @@ -148,7 +147,7 @@ Home Plug-ins Extensions - Sirius.X + Sirius.X Get Theseus diff --git a/plug-ins/index.html b/plug-ins/index.html index 35ab320..4cd9d79 100644 --- a/plug-ins/index.html +++ b/plug-ins/index.html @@ -23,7 +23,7 @@ a{color:var(--acid)} .wrap{max-width:900px;margin:0 auto;padding:0 1.2rem} .topnav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;gap:2px;align-items:center;flex-wrap:wrap; - padding:10px 1.2rem;background:rgba(11,14,20,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)} + padding:10px 1.2rem;background:rgba(11,14,20,.88);backdrop-filter:blur(10px)} .topnav .brand{font-weight:600;color:var(--ink);text-decoration:none;margin-right:14px;font-size:15px;letter-spacing:.2px;display:flex;align-items:center;gap:8px} .topnav .brand .g{color:var(--acid)} .topnav .brand svg{width:20px;height:20px} @@ -42,7 +42,7 @@ body{padding-left:var(--sn-w);padding-top:var(--tn-h)} .sidenav{position:fixed;top:var(--tn-h);left:0;bottom:0;width:var(--sn-w);z-index:15; background:rgba(11,14,20,.82);backdrop-filter:blur(10px); - border-right:1px solid var(--line);padding:22px 14px 22px 18px; + padding:22px 14px 22px 18px; overflow-y:auto;transition:width .15s ease} .sidenav .lbl{color:var(--dim);font:600 10.5px/1 system-ui;letter-spacing:.24em;text-transform:uppercase; margin:0 0 14px 4px} @@ -65,7 +65,7 @@ :root{--sn-w:0px} body{padding-left:0;padding-bottom:64px} .sidenav{top:auto;bottom:0;left:0;right:0;width:100%;height:auto; - padding:4px 4px;flex-direction:row;border-right:none;border-top:1px solid var(--line); + padding:4px 4px;flex-direction:row; display:flex;justify-content:space-around;overflow-x:auto} .sidenav .lbl{display:none} .sidenav a{flex:1;min-width:56px;padding:10px 6px;justify-content:center;border-left:none; @@ -119,7 +119,7 @@ Home Plug-ins Extensions - Sirius.X + Sirius.X Get Theseus