[P0] Mobile-first UI component library setup #8

Open
opened 2026-05-26 01:32:41 +00:00 by ChrisChen · 0 comments
Owner

Overview

Establish the design system and component conventions for mobile-first usage across Capacitor app and web.

Tasks

  • Angular Material theming (church brand colors)
  • Kendo UI license and theming for admin dashboard
  • Tailwind config for landing page
  • Bottom Tab Bar component for mobile navigation
  • Form field conventions (single-column, min 44x44px touch targets)
  • Loading/error state components
  • Offline indicator component

Reference

PLANNING.md Section 6 - Mobile-First Design Rules

## Overview Establish the design system and component conventions for mobile-first usage across Capacitor app and web. ## Tasks - [ ] Angular Material theming (church brand colors) - [ ] Kendo UI license and theming for admin dashboard - [ ] Tailwind config for landing page - [ ] Bottom Tab Bar component for mobile navigation - [ ] Form field conventions (single-column, min 44x44px touch targets) - [ ] Loading/error state components - [ ] Offline indicator component ## Reference PLANNING.md Section 6 - Mobile-First Design Rules
ChrisChen added this to the Phase 0 - Tech Foundation and DevOps milestone 2026-05-26 01:32:41 +00:00
Sign in to join this conversation.