DesignLayout now hides its 260px sidebar below lg and shows a fixed bottom bar surfacing the current page. Tapping it opens a 50svh bottom sheet with the full nav list (grouped, scrolls internally) plus the back-to-site link. Route changes auto-close the sheet and the backdrop is tap-to-dismiss. Hero split variant: drop the grid's items-center and add lg:justify-center on the copy column so the headline/CTA block now lines up with the image's vertical midpoint instead of sitting at the top. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
1 line
775 B
JavaScript
1 line
775 B
JavaScript
import{C as e,et as t,m as n,o as r,r as i,s as a,u as o,x as s}from"./runtime-core.esm-bundler-CjdnoyKJ.js";import{a as c}from"./vue-router-BrNWkU63.js";import{t as l}from"./Navbar-DZE5noW0.js";var u={class:`min-h-screen bg-surface`},d={class:`max-w-5xl mx-auto px-6 py-16 space-y-6`},f={__name:`NavbarPreview`,setup(f){let p=c(),m=r(()=>{let e=p.query.variant;return[`paper`,`cream`,`brand`].includes(e)?e:`paper`}),h=r(()=>p.query.layout===`floating`?`floating`:`standard`);return(r,c)=>(s(),o(`div`,u,[n(l,{variant:m.value,layout:h.value,"cart-count":2},null,8,[`variant`,`layout`]),a(`div`,d,[(s(),o(i,null,e([40,28,40,32,40,28,36,40],e=>a(`div`,{key:e,class:`rounded-md border border-line bg-paper`,style:t({height:e*4+`px`})},null,4)),64))])]))}};export{f as default}; |