https://sizzy.co/assets/entries/pages_tools_viewport-checker.BnXsgKa5.js

1import{s as r,S as o,i as n,a as d,o as c}from"../chunks/chunk-Du4XFavC.js";import{j as e}from"../chunks/chunk-RPM2kW_I.js";import{S as x}from"../chunks/chunk-g_wlTIJS.js";import{M as p}from"../chunks/chunk-WtDPiIN1.js";import{v as s,a as m}from"../chunks/chunk-BSdShkrs.js";import{aj as h,A as f,ai as u}from"../chunks/chunk-B8uhEr-7.js";import"../chunks/chunk-C5T5hgJ0.js";/* empty css                      */import"../chunks/chunk-CuJXPB2l.js";import"../chunks/chunk-DeUDR3mG.js";import"../chunks/chunk-hC7-HMyC.js";function v(){return e.jsxs("main",{className:"min-h-screen bg-ink text-white",children:[e.jsx(x,{homePath:"/"}),e.jsx("section",{id:"main",tabIndex:-1,className:"px-6 pb-20 pt-12 md:px-12 lg:px-20",children:e.jsxs("div",{className:"mx-auto max-w-6xl",children:[e.jsxs("a",{href:"/tools",className:"mb-8 inline-flex items-center gap-2 text-sm font-medium text-zinc-500 transition-colors hover:text-white",children:[e.jsx(h,{className:"h-4 w-4",strokeWidth:2}),"All tools"]}),e.jsxs("div",{className:"grid gap-10 lg:grid-cols-[minmax(0,1fr)_420px] lg:items-start",children:[e.jsxs("div",{children:[e.jsx("div",{className:"mb-5 inline-flex rounded-full border border-cyan-400/20 bg-cyan-400/10 px-4 py-1.5 text-sm text-cyan-200",children:"Responsive viewport planning"}),e.jsx("h1",{className:"text-5xl font-semibold tracking-tight text-white md:text-7xl",children:"Viewport Checker"}),e.jsx("p",{className:"mt-6 max-w-3xl text-lg leading-8 text-zinc-400 md:text-xl",children:"Use this reference to choose viewport ranges for responsive QA, then open Sizzy to test the same page across real device sizes at once."}),e.jsxs("div",{className:"mt-8 flex flex-col gap-4 sm:flex-row",children:[e.jsxs("a",{href:r.portal,className:"inline-flex items-center justify-center gap-2 rounded-full bg-cyan-400 px-6 py-3 font-semibold text-black transition-colors hover:bg-cyan-300",children:["Test in Sizzy",e.jsx(f,{className:"h-4 w-4",strokeWidth:2})]}),e.jsx("a",{href:"/tools",className:"inline-flex items-center justify-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-6 py-3 font-semibold text-white transition-colors hover:bg-white/10",children:"Browse tools"})]})]}),e.jsx("div",{className:"rounded-3xl border border-white/10 bg-white/[0.03] p-5",children:e.jsxs("div",{className:"rounded-2xl border border-white/10 bg-black p-4",children:[e.jsxs("div",{className:"mb-4 flex items-center justify-between text-xs text-zinc-500",children:[e.jsx("span",{children:"viewport width"}),e.jsx("span",{children:"320px - 1199px"})]}),e.jsx("div",{className:"space-y-3",children:s.map(({label:t,range:i})=>e.jsxs("div",{children:[e.jsxs("div",{className:"mb-1 flex items-center justify-between text-sm",children:[e.jsx("span",{className:"text-zinc-300",children:t}),e.jsx("span",{className:"font-mono text-cyan-200",children:i})]}),e.jsx("div",{className:"h-2 overflow-hidden rounded-full bg-zinc-900",children:e.jsx("div",{className:"h-full w-2/3 rounded-full bg-cyan-400"})})]},t))})]})})]}),e.jsx("div",{className:"mt-16 grid gap-4 md:grid-cols-2",children:s.map(({label:t,range:i,note:a,Icon:l})=>e.jsxs("div",{className:"rounded-2xl border border-white/10 bg-zinc-950 p-6",children:[e.jsxs("div",{className:"mb-5 flex items-center justify-between",children:[e.jsx("div",{className:"flex h-10 w-10 items-center justify-center rounded-xl bg-white/10 text-white",children:e.jsx(l,{className:"h-5 w-5",strokeWidth:2})}),e.jsx("span",{className:"font-mono text-sm text-cyan-200",children:i})]}),e.jsx("h2",{className:"text-xl font-semibold text-white",children:t}),e.jsx("p",{className:"mt-3 leading-7 text-zinc-400",children:a})]},t))}),e.jsxs("section",{className:"mt-16 rounded-3xl border border-white/10 bg-white/[0.03] p-6 md:p-8",children:[e.jsx("h2",{className:"text-3xl font-semibold text-white",children:"Responsive QA checklist"}),e.jsx("div",{className:"mt-6 grid gap-4 md:grid-cols-2",children:m.map(t=>e.jsxs("div",{className:"flex gap-3 text-zinc-300",children:[e.jsx(u,{className:"mt-1 h-5 w-5 shrink-0 text-cyan-200",strokeWidth:2}),e.jsx("p",{className:"leading-7",children:t})]},t))})]})]})}),e.jsx(p,{excludeApp:"Sizzy"}),e.jsx(o,{})]})}const j=Object.freeze(Object.defineProperty({__proto__:null,Page:v},Symbol.toStringTag,{value:"Module"})),g="Viewport Checker | Sizzy Tools",y=Object.freeze(Object.defineProperty({__proto__:null,title:g},Symbol.toStringTag,{value:"Module"})),C={hasServerOnlyHook:{type:"computed",definedAtData:null,valueSerialized:{type:"js-serialized",value:!1}},isClientRuntimeLoaded:{type:"computed",definedAtData:null,valueSerialized:{type:"js-serialized",value:!0}},onBeforeRenderEnv:{type:"computed",definedAtData:null,valueSerialized:{type:"js-serialized",value:null}},dataEnv:{type:"computed",definedAtData:null,valueSerialized:{type:"js-serialized",value:null}},guardEnv:{type:"computed",definedAtData:null,valueSerialized:{type:"js-serialized",value:null}},onRenderClient:{type:"standard",definedAtData:{filePathToShowToUser:"vike-react/__internal/integration/onRenderClient",fileExportPathToShowToUser:[]},valueSerialized:{type:"pointer-import",value:c}},Page:{type:"standard",definedAtData:{filePathToShowToUser:"/pages/tools/viewport-checker/+Page.tsx",fileExportPathToShowToUser:[]},valueSerialized:{type:"plus-file",exportValues:j}},hydrationCanBeAborted:{type:"standard",definedAtData:{filePathToShowToUser:"vike-react/config",fileExportPathToShowToUser:["default","hydrationCanBeAborted"]},valueSerialized:{type:"js-serialized",value:!0}},Layout:{type:"cumulative",definedAtData:[{filePathToShowToUser:"/pages/+Layout.t

1sx",fileExportPathToShowToUser:[]}],valueSerialized:[{type:"plus-file",exportValues:d}]},title:{type:"standard",definedAtData:{filePathToShowToUser:"/pages/tools/viewport-checker/+title.ts",fileExportPathToShowToUser:[]},valueSerialized:{type:"plus-file",exportValues:y}},Loading:{type:"standard",definedAtData:{filePathToShowToUser:"vike-react/__internal/integration/Loading",fileExportPathToShowToUser:[]},valueSerialized:{type:"pointer-import",value:n}}};export{C as configValuesSerialized};