@dillingerstaffing/strand-vue 0.17.2 → 0.17.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4047,11 +4047,20 @@ body.strand-banner-active .strand-instrument-viewport--full-bleed {
4047
4047
  font-family: var(--strand-font-sans);
4048
4048
  }
4049
4049
 
4050
- /* ── Inner layout ── */
4050
+ /* ── Inner layout ──
4051
+ min-height: inherit picks up the nav's own min-height (the
4052
+ --strand-nav-height token). On mobile the nav switches to
4053
+ height: auto + min-height: var(--strand-nav-height); without this
4054
+ inherit the inner only takes its content height (~40px from the
4055
+ hamburger), and the nav's extra ~24px appears as empty space below,
4056
+ which reads as "logo squished upward". With min-height: inherit the
4057
+ inner is always at least token-tall and align-items: center
4058
+ distributes content vertically through that full height. */
4051
4059
  .strand-nav__inner {
4052
4060
  display: flex;
4053
4061
  align-items: center;
4054
4062
  height: 100%;
4063
+ min-height: inherit;
4055
4064
  padding: 0 var(--strand-space-6);
4056
4065
  max-width: 1280px;
4057
4066
  margin: 0 auto;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dillingerstaffing/strand-vue",
3
- "version": "0.17.2",
3
+ "version": "0.17.4",
4
4
  "description": "Strand UI - Vue 3 component library built on the Strand Design Language",
5
5
  "author": "Dillinger Staffing <engineering@dillingerstaffing.com> (https://dillingerstaffing.com)",
6
6
  "license": "MIT",
@@ -53,7 +53,7 @@
53
53
  "vue": "^3.4.0"
54
54
  },
55
55
  "dependencies": {
56
- "@dillingerstaffing/strand": "^0.17.2"
56
+ "@dillingerstaffing/strand": "^0.17.4"
57
57
  },
58
58
  "devDependencies": {
59
59
  "@testing-library/jest-dom": "^6.6.0",