Harmonize pad, marg, and width between main and nav

dms-viz · Apr 11, 2024 · b297737 · b297737
1 parent 20bafc3
commit b297737
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 7 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -442,3 +442,21 @@
 ### Removed
 
 - N/A
+
+## [0.6.2] - 2024-04-11
+
+### Added
+
+- N/A
+
+### Changed
+
+- Harmonize the padding, margins, and min/max widths of the sidebar and main content.
+
+### Deprecated
+
+- N/A
+
+### Removed
+
+- N/A
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "dms-viz.github.io",
   "private": true,
-  "version": "v0.6.1",
+  "version": "v0.6.2",
   "type": "module",
   "scripts": {
     "dev": "vite",

diff --git a/v0/css/layout.css b/v0/css/layout.css
@@ -25,27 +25,28 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  margin-top: 10px;
-  padding-left: calc(var(--sidebar-width) + 32px);
+  margin: 10px auto 0 auto;
+  max-width: calc(var(--layout-max-width) + var(--sidebar-width));
+  min-width: calc(var(--layout-min-width) + var(--sidebar-width));
   padding-right: 32px;
   min-height: 100vh;
 }
 
 .app-main.sidebar-collapsed {
-  padding-left: calc(var(--sidebar-icon-width) + 32px);
+  max-width: calc(var(--layout-max-width) + var(--sidebar-icon-width));
+  min-width: calc(var(--layout-min-width) + var(--sidebar-icon-width));
 }
 
 .app-main .container {
-  max-width: calc(var(--layout-max-width) - var(--sidebar-width));
-  min-width: var(--layout-min-width);
   width: 100%;
+  padding-left: calc(var(--sidebar-width) + 32px);
   box-sizing: border-box;
   margin-left: auto;
   margin-right: auto;
 }
 
 .app-main.sidebar-collapsed .container {
-  max-width: calc(var(--layout-max-width) - var(--sidebar-icon-width));
+  padding-left: calc(var(--sidebar-icon-width) + 32px);
 }
 
 .protein {