managarten/picture/apps/mobile/constants/layout.ts
Till-JS c712a2504a feat: integrate uload and picture, unify package naming
- Add uload project with apps/web structure
  - Reorganize from flat to monorepo structure
  - Remove PocketBase binary and local data
  - Update to pnpm and @uload/web namespace

- Add picture project to monorepo
  - Remove embedded git repository

- Unify all package names to @{project}/{app} schema:
  - @maerchenzauber/* (was @storyteller/*)
  - @manacore/* (was manacore-*, manacore)
  - @manadeck/* (was web, backend, manadeck)
  - @memoro/* (was memoro-web, landing, memoro)
  - @picture/* (already unified)
  - @uload/web

- Add convenient dev scripts for all apps:
  - pnpm dev:{project}:web
  - pnpm dev:{project}:landing
  - pnpm dev:{project}:mobile
  - pnpm dev:{project}:backend

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-25 04:00:36 +01:00

43 lines
776 B
TypeScript

/**
* Layout constants for UI components
*/
export const LAYOUT = {
/** Standard iOS tab bar height */
TAB_BAR_HEIGHT: 49,
/** Quick generate bar height */
QUICK_GENERATE_BAR_HEIGHT: 60,
/** Filter bar height */
FILTER_BAR_HEIGHT: 50,
/** Standard padding */
PADDING: {
xs: 4,
sm: 8,
md: 16,
lg: 24,
xl: 32,
},
/** Grid spacing */
GRID: {
/** Total horizontal spacing (left + right + between items) */
COLUMN_SPACING: 16,
COLUMNS: 2,
},
} as const;
/**
* Animation durations in milliseconds
*/
export const ANIMATION = {
/** Short animation (e.g., button press) */
SHORT: 150,
/** Medium animation (e.g., modal) */
MEDIUM: 250,
/** Long animation (e.g., page transition) */
LONG: 350,
} as const;