diff options
| author | Deniz Akşimşek <deniz@aksimsek.tr> | 2024-11-27 13:55:34 +0300 |
|---|---|---|
| committer | Deniz Akşimşek <deniz@aksimsek.tr> | 2024-11-27 13:55:34 +0300 |
| commit | 0efeb805e84b86f54b8727ea6613e68cbd53a57a (patch) | |
| tree | d05e5d2e3d78d978057268f11a57aa2d26f27726 | |
| parent | dca8a7120d962c95a86720a14bba1d2e54180eb4 (diff) | |
| download | missing-0efeb805e84b86f54b8727ea6613e68cbd53a57a.tar.gz missing-0efeb805e84b86f54b8727ea6613e68cbd53a57a.zip | |
Fix sidebar layout
Fixes #68
| -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> |