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 |
||
|---|---|---|
| .. | ||
| public | ||
| src | ||
| .gitignore | ||
| .prettierrc.js | ||
| MARKDOWN_STYLE_GUIDE.md | ||
| README.md | ||
| components.json | ||
| eslint.config.mjs | ||
| index.html | ||
| package.json | ||
| pnpm-lock.yaml | ||
| tsconfig.json | ||
| vite.config.mts | ||