LogalDeveloper/owncast
0
Fork 0
Code Activity

Decrease header height. Add padding.

Browse Source
This commit is contained in:
Gabe Kangas
2023-01-28 19:29:03 -08:00
parent 88281b4814
commit 8af332e129
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/components/ui/Header/Header.module.scss
View File

@@ -6,7 +6,7 @@
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
z-index: 20; z-index: 20;
padding: 1rem 0.7rem; padding: 0.7rem;
box-shadow: 0px 1px 3px 1px rgb(0 0 0 / 10%); box-shadow: 0px 1px 3px 1px rgb(0 0 0 / 10%);
background-color: var(--theme-color-background-header); background-color: var(--theme-color-background-header);

2
web/styles/globals.scss
View File

@@ -9,7 +9,7 @@
:root { :root {
--content-padding: 12px; --content-padding: 12px;
--module-spacing: 12px; // margin size between lines of stuff, if needed --module-spacing: 12px; // margin size between lines of stuff, if needed
--header-height: 5.375rem; // needed for making main content scrollable; --header-height: 4.3rem; // needed for making main content scrollable;
--footer-height: 2.5rem; // needed for making main content scrollable; --footer-height: 2.5rem; // needed for making main content scrollable;
--content-height: calc(100vh - var(--header-height)); --content-height: calc(100vh - var(--header-height));
--replacement-bar-height: 46px; // needed for making main content scrollable on mobile; --replacement-bar-height: 46px; // needed for making main content scrollable on mobile;