feat(video): enhance video management UI and functionality
- Refactor VideoBulkActions.vue to remove unused imports. - Update VideoFilters.vue to improve search and status filtering with new UI components from PrimeVue. - Modify VideoTable.vue to enhance action buttons for editing, copying, and deleting videos, using PrimeVue Button components. - Implement saveImageFromStream function in merge.ts to handle thumbnail image uploads. - Add new animation rule for card spring effect in uno.config.ts. - Create FileUploadType.vue icon component for local and remote file uploads. - Introduce CopyVideoModal.vue for sharing video links with enhanced user experience. - Add DetailVideoModal.vue for editing video details with form validation using Zod. - Establish new display routes in display.ts for handling thumbnail and metadata updates.
This commit is contained in:
@@ -216,6 +216,9 @@ export default defineConfig({
|
||||
],
|
||||
["animate-loadingBar", ["animation", "loadingBar 1.5s linear infinite"]],
|
||||
],
|
||||
rules: [
|
||||
['animate-spring-card', { animation: 'card-spring-in 0.32s cubic-bezier(0.34, 1.56, 0.64, 1) both' }],
|
||||
],
|
||||
transformers: [transformerVariantGroup(), transformerCompileClass({
|
||||
classPrefix: "_",
|
||||
})],
|
||||
@@ -265,6 +268,12 @@ export default defineConfig({
|
||||
.fade-leave-to {
|
||||
opacity: 0;
|
||||
}
|
||||
@keyframes card-spring-in {
|
||||
0% { transform: scale(0.82) translateY(12px); opacity: 0; }
|
||||
60% { transform: scale(1.04) translateY(-2px); opacity: 1; }
|
||||
80% { transform: scale(0.98) translateY(1px); }
|
||||
100% { transform: scale(1) translateY(0); }
|
||||
}
|
||||
@keyframes glow-enter-blur {
|
||||
0% {
|
||||
opacity: 0;
|
||||
|
||||
Reference in New Issue
Block a user