Glassmorphic cards, panels, popovers — Thiết kế hệ thống OPUS 4.6
1. Widget Card — Mặc định & Hover
Tổng hợp doanh thu từ tất cả kênh bán hàng trong tháng hiện tại.
Danh sách đơn hàng chờ xử lý từ hệ thống ERP.
2. Dashboard Card — Chỉ số & Xu hướng
3. Active/Selected Card — Trạng thái chọn
Thẻ này đang ở trạng thái active — viền xanh và bóng đổ xanh.
4. Glassmorphic Popover
Đây là popover glassmorphic với hiệu ứng slide-in. Hỗ trợ header, body và mũi tên CSS.
Kích thước: 300px
5. Right-Slide Panel
Panel trượt từ bên phải, chiều rộng 400px, chiều cao toàn màn hình.
6. Loading Card — Skeleton Shimmer