lfg2025/archy
1
0
Fork 0
Code Issues 9 Pull Requests Actions Packages Projects Releases 44 Wiki Activity

fix: hide Marketplace header on mobile, reduce Home welcome margin

Browse Source 
Marketplace header container now hidden md:flex to save mobile space.
Home welcome header uses mb-4 on mobile, mb-8 on desktop.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Dorian 2026-03-04 23:35:09 +00:00
parent a6364145e7
commit e85da61670
3 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.claude/plans/reflective-meandering-castle.md
View File

@ -30,7 +30,7 @@ After getting Claude Max OAuth working on the live server, hardening the deploy
- **Change**: Ensure `<link rel="manifest" href="/manifest.webmanifest">` is in index.html (Vite PWA generates this). Verify all icon files exist at referenced paths. Check HTTPS is working (PWA requires secure context). Remove conflicting static manifest.json if Vite PWA plugin generates its own.
- **Verify**: On phone (HTTPS), check DevTools > Application for manifest. Test Add to Home Screen.
### Task 5: Remove mobile headings on Cloud/Network/Apps/Store
### Task 5: Remove mobile headings on Cloud/Network/Apps/Store [DONE]
- **Files**: `neode-ui/src/views/Marketplace.vue`, `neode-ui/src/views/Home.vue`
- **Change**: Marketplace.vue line 76: add `hidden md:flex` to header container. Home.vue: reduce `mb-8` to `mb-4 md:mb-8` on welcome header. Apps.vue, Cloud.vue, Server.vue already have `hidden md:block` — confirmed correct.
- **Verify**: All views on mobile viewport — headings hidden, no wasted space

2
neode-ui/src/views/Home.vue
View File

@ -1,6 +1,6 @@
<template>
<div>
<div class="mb-8">
<div class="mb-4 md:mb-8">
<div class="min-h-[4.5rem]">
<h1 class="text-3xl font-bold text-white mb-2 drop-shadow-[0_2px_8px_rgba(0,0,0,0.6)]">
{{ line1Text }}<span v-if="showCaretLine1" class="typing-caret"></span>

6
neode-ui/src/views/Marketplace.vue
View File

@ -73,10 +73,10 @@
</div>
</div>
<div class="mb-8 flex items-start justify-between">
<div class="hidden md:flex mb-8 items-start justify-between">
<div>
<h1 class="hidden md:block text-4xl font-bold text-white mb-2">App Store</h1>
<p class="hidden md:block text-white/70">Discover and install apps for your new sovereign life</p>
<h1 class="text-4xl font-bold text-white mb-2">App Store</h1>
<p class="text-white/70">Discover and install apps for your new sovereign life</p>
</div>
</div>