thePR0M3TH3AN/bitvid
1
0 Fork 0
mirror of https://github.com/PR0M3TH3AN/bitvid.git synced 2026-10-27 07:52:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Tune header gradient and sidebar alignment

Browse Source
This commit is contained in:
thePR0M3TH3AN committed 2025-10-19 08:50:45 -04:00
1 parent bf107e2afc
commit 3dd471c7bd
3 files changed
+25 -17
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

css/tailwind.source.css
+10 -9
View File
@@ -47,6 +47,9 @@
}
body {
--app-header-centerline: calc(
env(safe-area-inset-top, 0) + var(--app-header-centerline-offset)
);
font-family: var(--font-family-sans);
background-color: var(--color-page);
color: var(--color-text-strong);
@@ -138,8 +141,7 @@
z-index: var(--z-app-header);
padding-top: calc(var(--space-sm) + env(safe-area-inset-top, 0));
padding-bottom: var(--space-sm);
background-color: var(--surface-overlay-banner);
background-image: var(--surface-overlay-banner-gradient);
background: var(--surface-overlay-banner-gradient);
background-repeat: no-repeat;
background-size: 100% 100%;
box-shadow: var(--shadow-sm);
@@ -2395,13 +2397,12 @@
display: flex;
flex-direction: column;
height: 100%;
padding: calc(
env(safe-area-inset-top, 0) +
var(--app-header-centerline-offset) -
(var(--sidebar-control-size) / 2)
)
var(--space-sidebar-shell-inline)
var(--space-sidebar-shell-block-end);
padding-block-start: max(
var(--space-sidebar-shell-block-start),
calc(var(--app-header-centerline) - (var(--sidebar-control-size) / 2))
);
padding-block-end: var(--space-sidebar-shell-block-end);
padding-inline: var(--space-sidebar-shell-inline);
width: 100%;
border-radius: var(--radius-sidebar-shell);
border: none;