2 lines
3.8 KiB
CSS
2 lines
3.8 KiB
CSS
.modal-overlay[data-v-b96bc318]{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal[data-v-b96bc318]{background:#fff;border-radius:16px;box-shadow:0 20px 25px #0000001a,0 10px 10px #0000000a;width:100%;max-width:320px;padding:24px 20px 20px;text-align:center;position:relative}.modal-icon[data-v-b96bc318]{margin-bottom:16px;display:flex;justify-content:center}.icon-circle[data-v-b96bc318]{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:iconPulse-b96bc318 .6s ease-out;border:3px solid}.icon-symbol[data-v-b96bc318]{font-size:24px;font-weight:700;line-height:1}.modal-title[data-v-b96bc318]{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:12px;line-height:1.4}.modal-message[data-v-b96bc318]{font-size:14px;color:#6b7280;line-height:1.5;margin-bottom:20px;word-wrap:break-word}.modal-actions[data-v-b96bc318]{display:flex;justify-content:center}.modal-btn[data-v-b96bc318]{border:none;border-radius:8px;padding:10px 32px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;min-width:80px;color:#fff}.modal-btn[data-v-b96bc318]:active{transform:scale(.98)}.modal-error .icon-circle-error[data-v-b96bc318]{background-color:#fee2e2;border-color:#fecaca}.modal-error .icon-symbol-error[data-v-b96bc318]{color:#dc2626}.modal-error .modal-btn-error[data-v-b96bc318]{background-color:#dc2626}.modal-error .modal-btn-error[data-v-b96bc318]:hover{background-color:#b91c1c}.modal-error .modal-btn-error[data-v-b96bc318]:active{background-color:#991b1b}.modal-warning .icon-circle-warning[data-v-b96bc318]{background-color:#fef3c7;border-color:#fde68a}.modal-warning .icon-symbol-warning[data-v-b96bc318]{color:#d97706}.modal-warning .modal-btn-warning[data-v-b96bc318]{background-color:#d97706}.modal-warning .modal-btn-warning[data-v-b96bc318]:hover{background-color:#b45309}.modal-warning .modal-btn-warning[data-v-b96bc318]:active{background-color:#92400e}.modal-success .icon-circle-success[data-v-b96bc318]{background-color:#d1fae5;border-color:#a7f3d0}.modal-success .icon-symbol-success[data-v-b96bc318]{color:#059669}.modal-success .modal-btn-success[data-v-b96bc318]{background-color:#059669}.modal-success .modal-btn-success[data-v-b96bc318]:hover{background-color:#047857}.modal-success .modal-btn-success[data-v-b96bc318]:active{background-color:#065f46}.modal-info .icon-circle-info[data-v-b96bc318]{background-color:#dbeafe;border-color:#bfdbfe}.modal-info .icon-symbol-info[data-v-b96bc318]{color:#2563eb}.modal-info .modal-btn-info[data-v-b96bc318]{background-color:#2563eb}.modal-info .modal-btn-info[data-v-b96bc318]:hover{background-color:#1d4ed8}.modal-info .modal-btn-info[data-v-b96bc318]:active{background-color:#1e40af}.modal-simple .modal-message[data-v-b96bc318]{font-size:15px;color:#374151;margin-bottom:24px}.modal-simple .modal-btn[data-v-b96bc318]{background-color:#2563eb}.modal-simple .modal-btn[data-v-b96bc318]:hover{background-color:#1d4ed8}.modal-simple .modal-btn[data-v-b96bc318]:active{background-color:#1e40af}.modal-enter[data-v-b96bc318]{animation:modalEnter-b96bc318 .3s cubic-bezier(.34,1.56,.64,1)}.modal-leave[data-v-b96bc318]{animation:modalLeave-b96bc318 .2s ease-in}@keyframes modalEnter-b96bc318{0%{opacity:0;transform:scale(.7) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalLeave-b96bc318{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(-5px)}}@keyframes iconPulse-b96bc318{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@media(max-width:480px){.modal[data-v-b96bc318]{max-width:280px;padding:20px 16px 16px}.icon-circle[data-v-b96bc318]{width:48px;height:48px}.icon-symbol[data-v-b96bc318]{font-size:20px}.modal-title[data-v-b96bc318]{font-size:16px}.modal-message[data-v-b96bc318]{font-size:13px}}
|