feat: enhance studio app with left panel toggle and loading state

- Added a left panel toggle button in the header to show/hide the ViewList component.
- Integrated loading state management in the studio store for better user feedback during data fetching.
- Updated the ViewList component to utilize a dropdown menu for editing and deleting views.
- Improved UI elements with consistent border styles and loading indicators.
- Refactored the DataItemForm and ViewFormItem components for better user experience and added clipboard copy functionality.
- Introduced a new DropdownMenu component for better dropdown handling across the application.
This commit is contained in:
2026-01-01 23:56:56 +08:00
parent 231caa3b9a
commit d8acdaf97d
9 changed files with 786 additions and 174 deletions

View File

@@ -95,7 +95,7 @@ export const DataItemForm = ({ item, onChange, onRemove }: DataItemFormProps) =>
}
return (
<div className="border rounded-lg p-4 mb-4 space-y-4">
<div className="border border-gray-300 rounded-lg p-4 mb-4 space-y-4">
<div className="flex justify-between items-center">
<h3 className="font-medium"></h3>
<button