mirror of
https://github.com/BetterCorp/BetterFrame.git
synced 2026-05-26 16:56:33 +00:00
No description
Browser-side layout editor (no build step, vanilla JS): - Click to select cells - Drag edges (right/bottom/corner handles) to resize col_span/row_span - Drag cells to reposition (row/col) with grid-aware snap - Visual feedback: selection outline, resize handle highlights, drag opacity Server: POST /admin/layouts/:id/cells/:cellId/move route for drag-drop repositioning. Existing /resize route handles span changes. CSS: inline resize handle styles + selection state. Handles appear on hover (6px edge bars + 12px corner square). layout-editor.js loaded via /static/. Activates on any grid with data-layout-editor="<layoutId>" attribute. Compatible with htmx — re-initializes after swap via htmx:afterSettle listener. data-cell-id attribute added to each .layout-cell div for JS targeting. |
||
|---|---|---|
| .github/workflows | ||
| deploy | ||
| docs | ||
| kiosk | ||
| nodered | ||
| scripts | ||
| server | ||
| .gitattributes | ||
| .gitignore | ||
| CLAUDE.md | ||
| docker-compose.coolify.yml | ||
| docker-compose.yml | ||
| LICENSE-AGPL.txt | ||
| LICENSE-COMMERCIAL.md | ||
| LICENSE.md | ||
| package-lock.json | ||
| package.json | ||
| sec-config.yaml | ||
| tsconfig.base.json | ||