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:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user