SalastilandClaude Sonnet 5.5
2893b1906b
The feed list and the More page were capped at 720px and the article at 640px, so on a desktop they stopped well short of the sidebar. The caps are gone and each now runs the full width of the main column (862px at a 1290px viewport); the layout grid keeps that column clear of the sidebar widgets, leaving the same 32px gutter, and the page container's own 1242px limit still bounds it on very wide screens. The tweet and Telegram photo frames needed a matching change. They were fixed heights (380px for one photo, 240px for two, 300px for three or four) tuned for a 640px column, so simply widening the feed left landscape photos letterboxed with dark side bars. They now keep the proportions they had at 640px and scale with the card, with the old heights kept as a minimum so a narrow column is unchanged. That is done with container-relative heights rather than aspect-ratio plus min-height. The first attempt used aspect-ratio and, on a phone, converted the 380px minimum height into a 676px minimum width through the ratio, pushing the frames past the screen edge and making the page scroll sideways; only caught by checking at phone width. Measured at 375px, 1024px and 1290px: no horizontal scroll at any, the old frame sizes preserved at the narrow end, and no overlap with the sidebar. Body text on the article page now runs about 113 characters per line at this width. Co-Authored-By: Claude Sonnet 5.5 <[email protected]>
sv
Everything you need to build a Svelte project, powered by sv.
Creating a project
If you're seeing this, you've probably already done this step. Congrats!
# create a new project
npx sv create my-app
To recreate this project with the same configuration:
# recreate this project
npx [email protected] create --template minimal --types ts --install npm frontend
Developing
Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:
npm run dev
# or start the server and open the app in a new browser tab
npm run dev -- --open
Building
To create a production version of your app:
npm run build
You can preview the production build with npm run preview.
To deploy your app, you may need to install an adapter for your target environment.