diff options
| -rw-r--r-- | src/components.css | 2 | ||||
| -rw-r--r-- | src/layout.css | 1 | ||||
| -rw-r--r-- | www/demos/sidebar.html | 6 |
3 files changed, 5 insertions, 4 deletions
diff --git a/src/components.css b/src/components.css index 961394a..828827f 100644 --- a/src/components.css +++ b/src/components.css @@ -91,7 +91,7 @@ details, & > :nth-child(2) { overflow: auto; --full-width: calc(100vw - 25ch); - margin-top: var(--gap); + padding-top: var(--gap); } } } diff --git a/src/layout.css b/src/layout.css index e446712..7971a20 100644 --- a/src/layout.css +++ b/src/layout.css @@ -25,6 +25,7 @@ .fullbleed { position: relative; + max-width: none; width: var(--full-width); left: 50%; transform: translateX(calc(-.5 * var(--full-width))); diff --git a/www/demos/sidebar.html b/www/demos/sidebar.html index 1eaf834..f8061d3 100644 --- a/www/demos/sidebar.html +++ b/www/demos/sidebar.html @@ -4,7 +4,7 @@ name: Sidebar hideFooter: yes --- -<div class="sidebar-layout fullscreen"> +<div class="fullscreen sidebar-layout"> <header> <div class="<h1>">My App</div> <nav> @@ -26,8 +26,8 @@ hideFooter: yes </nav> </header> - <div class=""> - <main> + <div> + <main class="fullbleed padding-inline"> <h1>Dashboard</h1> <p>This is a simple dashboard.</p> |