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

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

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>

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>