406 animate the command menu button (#10305)
Closes https://github.com/twentyhq/core-team-issues/issues/406 - Added animation on the Icon (The dots rotate and transform into an a cross) - Introduced a new component `AnimatedButton`. All the button styling could be extracted to another file so we don't duplicate the code, but since `AnimatedLightIconButton` duplicates the style from `LightIconButton`, I did the same here. - Added an animate presence component on the command menu to have a smooth transition from `open` to `close` state - Merged the open and close command menu button - For all the pages that are not an index page or a record page, we want the old behavior because there is no button in the page header to open the command menu # Before https://github.com/user-attachments/assets/5ec7d9eb-9d8b-4838-af1b-c04382694342 # After https://github.com/user-attachments/assets/f700deec-1c52-4afd-b294-f9ee7b9206e9
This commit is contained in:
@ -1,3 +1,4 @@
|
||||
export * from './button/components/AnimatedButton';
|
||||
export * from './button/components/AnimatedLightIconButton';
|
||||
export * from './button/components/Button';
|
||||
export * from './button/components/ButtonGroup';
|
||||
|
||||
Reference in New Issue
Block a user