style: update header layout with consistent button styling and spacing adjustments #3
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This pull request updates the ImageKit Editor to version 1.2.0 and introduces several UI improvements to the editor's header and wrapper components. The main focus is on enhancing the appearance and consistency of the header buttons and layout, as well as ensuring the correct z-index stacking for the editor wrapper.
Version Updates:
@imagekit/editordependency and package version from1.1.0to1.2.0in bothexamples/react-example/package.jsonandpackages/imagekit-editor/package.json. [1] [2]UI Improvements in Header:
height="full",borderRadius="0", andpx="8"for export and close buttons, and updated the export menu button to useMenuButton as={Button}for consistency. [1] [2]paddingRight="0", removinggap="4", and addingmr="4"to the icon for improved spacing and alignment.Editor Wrapper Styling:
zIndexof the editor wrapper from"modal"to a fixed value of2100to ensure proper stacking over other elements.