till/managarten
1
0
Fork 0
mirror of https://github.com/Memo-2023/mana-monorepo.git synced 2026-05-20 07:23:37 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

feat: unify UI components, AppSlider, and login screens across apps

Browse source 
SUMMARY:
Consolidate shared UI components into @manacore/shared-ui and add
AppSlider to all login screens for a consistent Mana ecosystem experience.

CHANGES:

1. UI Components Migration:
   - Added Card.svelte to @manacore/shared-ui with variants (elevated, outlined, ghost)
   - Migrated Manacore (7 files) and Manadeck (7 files) to use shared-ui
   - Removed local ui/ directories from both apps (8 components total)

2. AppSlider Unification:
   - Created shared AppSlider in @manacore/shared-ui with configurable props
   - Props: apps[], title, isDark, statusLabels, comingSoonLabel, openAppLabel, onAppClick
   - Supports both i18n and static text configurations
   - Updated Memoro AppSlider to use shared component with svelte-i18n
   - Updated Manacore AppSlider to use shared component
   - Created new AppSlider for ManaDeck and Märchenzauber

3. Login Page Enhancements:
   - Extended LoginPage in @manacore/shared-auth-ui with new snippets:
     - appSlider: Renders AppSlider at bottom (initial mode only)
     - headerControls: Renders controls (theme toggle, etc.) top-right
   - Updated all app login pages to include AppSlider:
     - ManaCore: indigo theme (#6366f1)
     - ManaDeck: violet theme (#8b5cf6)
     - Märchenzauber: pink theme (#FF6B9D)

4. Subscription Page Consolidation:
   - Created SubscriptionPage component in @manacore/shared-subscription-ui
   - Moved subscription data (plans, packages, costs) to shared package
   - Reduced subscription page code from ~100 to ~18 lines per app

FILES CHANGED:
- packages/shared-ui: Added Card, AppSlider, updated exports
- packages/shared-auth-ui: Extended LoginPage with snippets
- packages/shared-subscription-ui: Added SubscriptionPage, data files
- manacore/web: Migrated 7 files to shared-ui, updated login
- manadeck/web: Migrated 7 files to shared-ui, added AppSlider, updated login
- maerchenzauber/web: Added AppSlider, updated login
- memoro/web: Updated AppSlider to use shared component

DELETED (moved to shared packages):
- manacore/web/src/lib/components/ui/* (3 files)
- manadeck/web/src/lib/components/ui/* (5 files)
- memoro/web/src/lib/data/*.json (3 files)
- Various pnpm-lock.yaml and pnpm-workspace.yaml files

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Till-JS 2025-11-24 21:53:44 +01:00
parent 96e0aceb93
commit 22cb7d2c5f
67 changed files with 894 additions and 22131 deletions
Download patch file Download diff file Expand all files Collapse all files

34
manacore/apps/web/src/app.css
View file

@ -1,3 +1,5 @@
@import '@manacore/shared-tailwind/themes.css';
@tailwind base;
@tailwind components;
@tailwind utilities;
@ -7,35 +9,39 @@
color-scheme: light dark;
}
* {
@apply border-gray-200 dark:border-gray-700;
}
body {
@apply bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100;
}
h1 {
@apply text-4xl font-bold;
font-size: 2.25rem;
line-height: 2.5rem;
font-weight: 700;
}
h2 {
@apply text-3xl font-bold;
font-size: 1.875rem;
line-height: 2.25rem;
font-weight: 700;
}
h3 {
@apply text-2xl font-semibold;
font-size: 1.5rem;
line-height: 2rem;
font-weight: 600;
}
h4 {
@apply text-xl font-semibold;
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 600;
}
h5 {
@apply text-lg font-medium;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 500;
}
h6 {
@apply text-base font-medium;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 500;
}
}