Commit Graph

76 Commits

Author SHA1 Message Date
hykocx 759184f0ed refactor(admin): replace inline svgs with icon components and fix icon colors
- replace inline hamburger/close svg with Menu01Icon component in AdminTop
- replace inline chevron svg with ChevronRightIcon component for breadcrumbs
- add ChevronRightIcon and Menu01Icon imports to AdminTop
- fix UserCircle02Icon fill values from hardcoded #ffffff to currentColor
2026-04-24 21:02:33 -04:00
hykocx 2d3d450e19 refactor(admin): replace inline svgs with icon components
- add `Logout02Icon` to admin top bar logout button
- add `SmartPhone01Icon` and `ComputerIcon` to profile page session list
- update icons index to use hugeicons react package imports
2026-04-24 20:52:51 -04:00
hykocx c25a518d87 refactor(ui): replace custom icon spinner with inline svg in Loading component
- remove Recycle03Icon dependency and use native svg spinner
- adjust size values for sm, md, and lg variants
- update loading text from "Loading...." to "Chargement"
2026-04-24 20:37:31 -04:00
hykocx 8d5a785494 style(ui): reduce dark mode opacity for danger, success, and warning button variants 2026-04-24 20:35:08 -04:00
hykocx 970092fccb feat(admin): add devkit developer tools section
- add `ZEN_DEVKIT` env variable to enable/disable devkit
- add `isDevkitEnabled()` utility and export it from public api
- register devkit nav section and items conditionally when devkit is enabled
- add devkit route handling in admin page client and server
- add DevkitPage, ComponentsPage, and IconsPage client components
2026-04-24 20:27:30 -04:00
hykocx 77ca4fe66f fix(ui): improve mobile responsiveness across admin components
- reduce app name font size from text-lg to text-sm in AdminTop mobile header
- make profile page cards full-width on mobile with sm:min-w-3/5 breakpoint
- stack photo upload layout vertically on mobile using flex-col sm:flex-row
- add flex-wrap to photo action buttons for small screens
- make TabNav horizontally scrollable with hidden scrollbar on mobile
- add shrink-0 and whitespace-nowrap to tab buttons to prevent wrapping
2026-04-24 17:54:37 -04:00
hykocx b90b4e7bcc refactor(ui): redesign mobile card layout in Table component
- replace fixed column-slice layout with mobileHidden filter for flexible column visibility
- render primary column as prominent header with semantic styling
- display remaining columns in a responsive 2-column dl grid with label/value pairs
- update MobileSkeletonCard to reflect new grid structure based on visible column count
2026-04-24 17:50:41 -04:00
hykocx ecb4929753 docs(design): update design system specifications and component styles
- remove color palette table from main color section in DESIGN.md
- update typography scale (reduce body/secondary text sizes)
- revise border radius values for badges, buttons, modals, and cards
- expand sidebar navigation section with detailed structure and visual states
- add accordion section behavior and item template specs
- update Badge component to use fully rounded corners and adjust sizing
- update Modal component border radius and backdrop styles
2026-04-24 17:35:25 -04:00
hykocx 25f93526a5 feat(admin): add RoleBadge component and integrate it in user management views
- add new RoleBadge shared component for consistent role display
- export RoleBadge from shared components index
- replace inline Badge usage with RoleBadge in UsersPage role column
- use RoleBadge via renderTag prop in UserEditModal role TagInput
- simplify TagInput Pill to a generic unstyled pill, removing color logic
2026-04-24 15:31:28 -04:00
hykocx 69bc05944c fix(ui): render TagInput dropdown via portal to avoid overflow clipping
- import createPortal from react-dom
- add dropdownStyle state to track fixed position coordinates
- calculate and update dropdown position on open, scroll, and resize
- render dropdown and empty-state divs into document.body using createPortal
2026-04-24 15:24:56 -04:00
hykocx 472c6ebd7f style(ui): replace focus:ring-0 with focus:[box-shadow:none] for fullghost button variant 2026-04-23 19:24:21 -04:00
hykocx e4a0967203 style(ui): remove focus ring from fullghost button variant 2026-04-23 19:22:24 -04:00
hykocx f48f002fcd refactor(auth): replace anchor tags with fullghost Button variant for navigation links 2026-04-23 19:21:27 -04:00
hykocx dbea58a978 refactor(auth): replace anchor navigation links with Button components and improve auth page styling 2026-04-23 18:21:21 -04:00
hykocx bbb55605c3 refactor(admin): simplify ProfilePage with tabs and component cleanup 2026-04-22 20:26:45 -04:00
hykocx f082ef4fda style(ui): adjust layout alignment and sizing in settings page and tab nav 2026-04-22 20:22:07 -04:00
hykocx ccdd309414 feat(admin): add bottom navigation items and settings page to admin panel 2026-04-22 20:12:18 -04:00
hykocx 45ce8fda59 style(ui): increase dark mode opacity for danger, success, and warning button variants 2026-04-22 19:52:16 -04:00
hykocx 5d4d1866b5 style(ui): add flex alignment classes to button text span 2026-04-22 19:49:15 -04:00
hykocx b60514aebc style(ui): wrap button children in span with size-aware min-height class 2026-04-22 19:48:23 -04:00
hykocx 354cac3b27 style(ui): increase button md size text from 12px to 13px 2026-04-22 19:46:34 -04:00
hykocx 18f1fcdbd0 style(ui): change default button size from sm to md and remove explicit size="sm" props 2026-04-22 19:45:56 -04:00
hykocx ad7b907e57 refactor(ui): apply size class directly to icon component instead of wrapper span 2026-04-22 19:42:39 -04:00
hykocx 0dc6092780 refactor(ui): change Button icon prop to accept component reference instead of JSX element 2026-04-22 19:41:57 -04:00
hykocx 173cea270f style(ui): add leading-none to button base class 2026-04-22 19:39:10 -04:00
hykocx e2dd60843f style(ui): add icon-only button sizing and fix action column alignment 2026-04-22 19:38:02 -04:00
hykocx 0fd01d2b68 fix(ui): add right alignment support for table columns using align prop 2026-04-22 19:35:39 -04:00
hykocx 52f8ea2b13 style(ui): update dark mode background color from #090909 to #0B0B0B across auth and admin components 2026-04-22 19:33:40 -04:00
hykocx 869afbcb85 style(ui): update dark mode background colors to use #090909 instead of neutral variants 2026-04-22 19:32:14 -04:00
hykocx 5fec68c1fc fix(admin): add profile breadcrumb and fix badge dark mode styling 2026-04-22 17:36:29 -04:00
hykocx e5df0e102b style(ui): replace dark hover bg from neutral-950 to neutral-900 and use RelativeDate component in UsersPage 2026-04-22 17:30:48 -04:00
hykocx 52443591b2 feat(ui): translate Badge component labels to French 2026-04-22 17:26:58 -04:00
hykocx 0f42f202a2 refactor(ui): move hover background styles from tr to td using group utility 2026-04-22 17:15:51 -04:00
hykocx 0e9f70094d style(ui): replace dark mode opacity-based colors with explicit hex values 2026-04-22 17:10:53 -04:00
hykocx bf33754e74 style(ColorPicker): increase custom swatch column width from w-14 to w-18 2026-04-22 17:00:00 -04:00
hykocx 2c781d4223 style(ColorPicker): update preset color palette and improve layout responsiveness 2026-04-22 16:59:01 -04:00
hykocx 60b3022a23 feat(ui): expand color picker preset grid from 9×2 to 10×3 with updated colors 2026-04-22 16:37:59 -04:00
hykocx 2c02890216 refactor(ColorPicker): redesign layout with big custom swatch and extracted Checkmark component 2026-04-22 16:34:10 -04:00
hykocx 866da94f06 feat(ui): add ColorPicker component and replace native color input in RoleEditModal 2026-04-22 16:30:41 -04:00
hykocx db39e7b36a style(ui): adjust font sizes and fix switch toggle alignment 2026-04-22 16:25:17 -04:00
hykocx 71fe05bd2b feat(users): add description field to permission definitions 2026-04-22 16:20:43 -04:00
hykocx f54b2640ad refactor(admin): replace parameterized routes with modal-based editing for users and roles 2026-04-22 16:15:43 -04:00
hykocx 1bdabd8417 style(ui): update semantic color variants to use opacity-based tailwind classes 2026-04-22 16:07:46 -04:00
hykocx f8ef884b63 style(ui): update color palette to use darker sh 2026-04-22 16:04:03 -04:00
hykocx 43fd0fb14f style(ui): reduce badge border opacity to 30% in light mode 2026-04-22 15:27:59 -04:00
hykocx 3ead956571 style(Badge): update light mode border colors from 200 to 800 shade for all variants 2026-04-22 15:27:32 -04:00
hykocx 4ec1a238f9 style(ui): update Badge variant colors to use consistent opacity-based backgrounds 2026-04-22 15:26:52 -04:00
hykocx 834385fd56 style(Badge): update dark mode color shades from 500 to 600 variants 2026-04-22 15:24:21 -04:00
hykocx 18270540cc refactor(admin): replace inline avatar logic with shared UserAvatar component 2026-04-22 15:14:07 -04:00
hykocx 1613bd5275 feat(admin): add dynamic role color support for user badges 2026-04-22 15:08:46 -04:00