southseact-3d/shopify-ai-backup
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix builder page layout: make new chat and history buttons sticky at top on desktop

Browse Source 
- Moved sticky positioning from mobile-only to global CSS for .top-left-actions

- Buttons now stay fixed at top above content on all screen sizes

- Includes various other app updates (version management, server improvements)
This commit is contained in:
southseact-3d
2026-02-11 19:23:23 +00:00
parent e2a2dff301
commit 0513000a9e
9 changed files with 742 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
chat/public/home.html
View File

@@ -264,8 +264,8 @@
<!-- Right: Screenshot Card replaced by Builder Mockup -->
<div class="lg:col-span-5">
<div class="relative rounded-3xl bg-white p-6 shadow-2xl ring-1 ring-amber-100">
<div class="rounded-xl bg-amber-50 overflow-hidden aspect-[16/9] border border-green-700/20 relative">
<div class="relative rounded-3xl p-6">
<div class="rounded-xl bg-amber-50/80 overflow-hidden aspect-[16/9] border border-green-700/20 relative">
<div class="absolute inset-0 flex">
<!-- Sidebar -->
<div class="w-64 border-r border-green-200 bg-amber-100 hidden md:block p-4 space-y-4">
@@ -283,7 +283,7 @@
</div>
<div>
<div class="h-2 w-16 bg-gray-400 rounded mb-2"></div>
<div id="typewriter-text" class="text-xl font-mono text-gray-800 font-bold min-h-[28px]">Building features...</div>
<div id="typewriter-text" class="text-xl font-mono text-gray-800 font-bold h-[28px] whitespace-nowrap overflow-hidden">Building features...</div>
</div>
</div>
<div class="space-y-3">
@@ -341,8 +341,8 @@
</div>
<!-- Right: Animated Preview (lazy, connection-aware) -->
<div class="relative rounded-3xl bg-white p-6 shadow-2xl ring-1 ring-amber-100">
<div class="rounded-xl bg-amber-50 overflow-hidden aspect-[16/9] border border-green-700/20 relative">
<div class="relative rounded-3xl p-6">
<div class="rounded-xl bg-amber-50/80 overflow-hidden aspect-[16/9] border border-green-700/20 relative">
<img class="lazy-animate w-full h-full object-cover" data-src="/assets/animation.webp" data-poster="/assets/Plugin.png" alt="Builder animation preview" width="900" height="506" loading="lazy" decoding="async" style="display:block">
<noscript><img src="/assets/animation.webp" alt="Builder animation preview" class="w-full h-full object-cover"></noscript>
</div>