mirror of
https://github.com/purrgrammer/grimoire.git
synced 2026-04-12 08:27:27 +02:00
7581e7687923fe4ce8fea8692b1c0170b22352f3
Enhanced the settings UI with shadcn Select component, tab icons, and improved typography and spacing. Changes: - Created Select component (shadcn/radix-ui) for dropdowns - Added icons to tabs: Palette for Appearance, FileEdit for Post - Replaced button group theme selector with Select dropdown (w-48) - Added gap-4 between labels and switches for better spacing - Increased setting names from text-sm to text-base (bigger) - Reduced help text from text-sm to text-xs (smaller) - Added gap-3 between "Theme" label and Select - Added font-medium to "Theme" label for consistency Layout improvements: - Theme selector now uses Select with 192px width - All setting rows have gap-4 between content and controls - Consistent text hierarchy: font-medium for labels, text-xs for descriptions - Tab triggers have gap-2 between icon and text The Select component is properly integrated with the theme system and displays Dark, Light, and Plan9 options with checkmark indicators.
Grimoire
A Nostr protocol explorer and developer tool with a tiling window manager interface.
Features
- Tiling Windows - Each window is a Nostr "app" (profile viewer, event feed, NIP docs, etc.)
- Command Palette - Unix-style commands via
Cmd+Kto open apps and navigate - Multi-workspace - Virtual desktops with independent layouts
- Real-time - Reactive event subscriptions with automatic updates
Stack
React 19, TypeScript, Vite, TailwindCSS, Jotai, Dexie, Applesauce
Getting Started
npm install
npm run dev
Scripts
| Command | Description |
|---|---|
npm run dev |
Start dev server |
npm run build |
Build for production |
npm test |
Run tests in watch mode |
npm run lint |
Lint code |
npm run format |
Format code |
License
MIT
Languages
TypeScript
98.9%
CSS
0.8%
JavaScript
0.3%