mira-app-server
Version:
Mira Server - standalone server application using mira-app-core
2 lines (1 loc) • 4.25 kB
CSS
.mira-fade-enter-active,.mira-fade-leave-active{transition:opacity .25s ease}.mira-fade-enter-from,.mira-fade-leave-to{opacity:0}.mira-slide-up-enter-active,.mira-slide-up-leave-active,.mira-slide-down-enter-active,.mira-slide-down-leave-active,.mira-slide-left-enter-active,.mira-slide-left-leave-active,.mira-slide-right-enter-active,.mira-slide-right-leave-active{transition:all .25s ease}.mira-slide-up-enter-from{opacity:0;transform:translateY(20px)}.mira-slide-up-leave-to,.mira-slide-down-enter-from{opacity:0;transform:translateY(-20px)}.mira-slide-down-leave-to{opacity:0;transform:translateY(20px)}.mira-slide-left-enter-from{opacity:0;transform:translate(20px)}.mira-slide-left-leave-to,.mira-slide-right-enter-from{opacity:0;transform:translate(-20px)}.mira-slide-right-leave-to{opacity:0;transform:translate(20px)}.mira-scale-enter-active,.mira-scale-leave-active{transition:all .25s ease}.mira-scale-enter-from,.mira-scale-leave-to{opacity:0;transform:scale(.95)}.mira-zoom-enter-active,.mira-zoom-leave-active{transition:all .25s ease}.mira-zoom-enter-from,.mira-zoom-leave-to{opacity:0;transform:scale(.8)}.mira-flip-enter-active,.mira-flip-leave-active{transition:all .25s ease}.mira-flip-enter-from{opacity:0;transform:rotateY(90deg)}.mira-flip-leave-to{opacity:0;transform:rotateY(-90deg)}.mira-bounce-enter-active{animation:bounceIn .6s ease-out}.mira-bounce-leave-active{animation:bounceOut .4s ease-in}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceOut{0%{opacity:1;transform:scale(1)}30%{transform:scale(1.05)}to{opacity:0;transform:scale(.3)}}.mira-elastic-enter-active{animation:elasticIn .8s ease-out}.mira-elastic-leave-active{animation:elasticOut .5s ease-in}@keyframes elasticIn{0%{opacity:0;transform:scale(.8) translateY(10px)}60%{transform:scale(1.1) translateY(-5px)}80%{transform:scale(.95) translateY(2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes elasticOut{0%{opacity:1;transform:scale(1) translateY(0)}40%{transform:scale(1.05) translateY(-2px)}to{opacity:0;transform:scale(.8) translateY(10px)}}.mira-blur-enter-active,.mira-blur-leave-active{transition:all .25s ease}.mira-blur-enter-from,.mira-blur-leave-to{opacity:0;filter:blur(4px)}@media(prefers-reduced-motion:reduce){.mira-fade-enter-active,.mira-fade-leave-active,.mira-slide-up-enter-active,.mira-slide-up-leave-active,.mira-slide-down-enter-active,.mira-slide-down-leave-active,.mira-slide-left-enter-active,.mira-slide-left-leave-active,.mira-slide-right-enter-active,.mira-slide-right-leave-active,.mira-scale-enter-active,.mira-scale-leave-active,.mira-zoom-enter-active,.mira-zoom-leave-active,.mira-flip-enter-active,.mira-flip-leave-active,.mira-blur-enter-active,.mira-blur-leave-active{transition:none;animation:none}.mira-bounce-enter-active,.mira-bounce-leave-active,.mira-elastic-enter-active,.mira-elastic-leave-active{animation:none}}.dropzone[data-v-d6c008b6]{border:2px dashed #d1d5db;border-radius:12px;padding:3rem 2rem;text-align:center;background:#f9fafb;cursor:pointer;transition:all .3s ease}.dropzone[data-v-d6c008b6]:hover,.dropzone.drag-over[data-v-d6c008b6]{border-color:#6366f1;background:#eef2ff;transform:scale(1.02)}.file-item[data-v-d6c008b6],.upload-item[data-v-d6c008b6],.uploaded-item[data-v-d6c008b6]{transition:all .2s ease}.file-item[data-v-d6c008b6]:hover,.upload-item[data-v-d6c008b6]:hover,.uploaded-item[data-v-d6c008b6]:hover{transform:translateY(-1px)}.actions[data-v-d6c008b6]{opacity:0;transition:opacity .2s ease}.uploaded-item:hover .actions[data-v-d6c008b6]{opacity:1}@media(prefers-color-scheme:dark){.dropzone[data-v-d6c008b6]{background:#1f2937;border-color:#4b5563}.dropzone[data-v-d6c008b6]:hover,.dropzone.drag-over[data-v-d6c008b6]{background:#312e81}.file-item[data-v-d6c008b6],.upload-item[data-v-d6c008b6]{background:#1f2937;border-color:#4b5563}.uploaded-item[data-v-d6c008b6]{background:#064e3b;border-color:#065f46}}.upload-tabs .pi-spinner[data-v-d6c008b6]{animation:spin-d6c008b6 1s linear infinite}@keyframes spin-d6c008b6{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upload-tabs[data-v-d6c008b6] .bg-background{background:#fff}