mirror of https://github.com/usememos/memos.git
3354869525
Created a comprehensive redesign of all settings-related components to provide: **New Shared Components:** - SettingSection: Wrapper for consistent section layout with titles and actions - SettingGroup: Groups related settings with optional separators - SettingRow: Standardized label/control layout with optional tooltips - SettingTable: Consistent table styling for data lists **Key Improvements:** - Unified spacing and typography across all sections - Consistent form field layouts (label on left, control on right) - Better visual hierarchy with proper section/group organization - Standardized button variants (removed deprecated color="primary") - Improved mobile responsiveness with better wrapping - Added keyboard support (Enter key) for tag inputs - Better semantic HTML structure **Refactored Components:** - PreferencesSection: Clean layout with proper grouping - InstanceSection: Organized settings into logical groups - StorageSection: Improved S3 configuration display - MyAccountSection: Enhanced profile card layout - UserSessionsSection: Converted to table component - AccessTokenSection: Converted to table component - MemberSection: Converted to table component with improved actions - WebhookSection: Converted to table component - SSOSection: Converted to table component with better title support - MemoRelatedSettings: Improved tag management UI **Technical Changes:** - Centralized styling logic in shared components - Removed hardcoded widths for better responsiveness - Fixed inconsistent text colors (foreground vs muted-foreground) - Standardized gap spacing (2, 3, 4 units) - All changes pass TypeScript and ESLint checks |
||
|---|---|---|
| .. | ||
| components | ||
| helpers | ||
| hooks | ||
| layouts | ||
| lib | ||
| locales | ||
| pages | ||
| router | ||
| store | ||
| themes | ||
| types | ||
| utils | ||
| App.tsx | ||
| grpcweb.ts | ||
| i18n.ts | ||
| index.css | ||
| main.tsx | ||