mirror of
https://github.com/storytold/figcraft.git
synced 2026-10-26 11:26:50 -06:00
aryans2611andClaude Sonnet 5.5
0289890197
Windows narrower than 760 pt show the Layers or Design panel over the canvas, opened from two touch-sized buttons. Two fingers pan as well as pinch. The main toolbar pill is capped to the canvas width and scrolls sideways (drag or wheel) when its buttons don't fit; the help button moves above it when they would overlap. The web page's viewport covers the safe area and stops touch scrolling and overscroll. Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
24 lines
1.2 KiB
HTML
24 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, viewport-fit=cover">
|
|
<title>FigCraft</title>
|
|
<link data-trunk rel="rust" data-bin="figcraft-web" data-cargo-profile="web-release" data-wasm-opt="z" data-wasm-opt-params="--enable-bulk-memory --enable-bulk-memory-opt --enable-nontrapping-float-to-int --enable-sign-ext --enable-reference-types --enable-multivalue" data-weak-refs />
|
|
<style>
|
|
html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; overscroll-behavior: none; background: #f5f5f5; }
|
|
#figcraft_canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; touch-action: none; }
|
|
#figcraft_loading { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;
|
|
color: #6b6b6b; font: 14px system-ui, sans-serif; pointer-events: none; }
|
|
@media (prefers-color-scheme: dark) {
|
|
html, body { background: #2c2c2c; }
|
|
#figcraft_loading { color: #b8b8b8; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<canvas id="figcraft_canvas"></canvas>
|
|
<div id="figcraft_loading">Loading FigCraft…</div>
|
|
</body>
|
|
</html>
|