* refactor(ImageBlock): enhance loading state presentation and improve layout responsiveness
- Wrapped the loading spinner in a new SpinnerWrapper for better alignment and presentation during streaming and processing states.
- Updated the ImageBlockGroup to use `repeat(auto-fit, minmax(...))` for more flexible grid layout, improving responsiveness across different screen sizes.
These changes enhance the user experience by providing a clearer loading indication and a more adaptable layout for image blocks.
* style(ImageBlockGroup): comment out child styling for future adjustments
- Commented out the child styling rules in ImageBlockGroup to allow for potential layout modifications without removing the code entirely.
- This change prepares the component for further enhancements while maintaining existing functionality.
* refactor(ImageBlock): replace loading spinner with Ant Design Skeleton component
- Updated the loading state presentation in ImageBlock by replacing the custom spinner with Ant Design's Skeleton component for a more consistent UI experience.
- Removed the SpinnerWrapper and simplified the return statement for better readability.
- This change enhances the visual feedback during image loading while maintaining the component's functionality.
---------
Co-authored-by: lizhixuan <zhixuan.li@banosuperapp.com>
MyPrototypeWhat
66e577075f