football2801/pictureFrame-webApp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(design-v2): show top nav at mobile/tablet (slim brand bar)
CI / test (push) Has been cancelled
Details

Browse Source 
v1 hides TopNav below 960px; v2 was inheriting that, so mobile + tablet
had zero header chrome — frame card sat at viewport top, no WeVisto
wordmark, no page subtitle. Visible gap from the mockup.

Now in v2:
- Mobile/tablet: TopNav renders as a 52px slim sticky top bar with
  mark + WeVisto wordmark + italic '— home/library/settings' subtitle.
  Nav tabs are hidden (BottomNav handles routing at small sizes).
- Desktop: TopNav becomes the left side rail with full vertical nav.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Matt Edholm
2026-05-15 15:58:08 -04:00
parent c0f6ba2651
commit f27c00b965
9 changed files with 35 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/build/index.html
+2 -2
View File
@@ -17,9 +17,9 @@
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<meta name="apple-mobile-web-app-title" content="WeVisto" />
<script type="module" crossorigin src="/build/assets/index-DoRCvcMB.js"></script>
<script type="module" crossorigin src="/build/assets/index-DLuZZhks.js"></script>
<link rel="modulepreload" crossorigin href="/build/assets/_plugin-vue_export-helper-BNDVmFr7.js">
<link rel="stylesheet" crossorigin href="/build/assets/index-DXi7r0Mz.css">
<link rel="stylesheet" crossorigin href="/build/assets/index-DTaVBzDH.css">
</head>
<body>
<div id="app"></div>