2 lines
1.5 KiB
CSS
2 lines
1.5 KiB
CSS
.jq-alert-host{position:fixed;top:16px;right:16px;z-index:300;width:min(420px,100vw - 32px)}.jq-alert{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px 14px;border:1px solid rgba(0,0,0,0);border-radius:8px;font-size:14px;opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease}.jq-alert.is-visible{opacity:1;transform:translateY(0)}.jq-alert--info{color:#1e3a8a;background:#eff6ff;border-color:#bfdbfe}.jq-alert--success{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.jq-alert--warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.jq-alert--error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.jq-alert__content{flex:1}.jq-alert__close{appearance:none;border:0;padding:0;line-height:1;font-size:18px;cursor:pointer;color:inherit;background:rgba(0,0,0,0)}.jq-alert-modal-backdrop{position:fixed;inset:0;z-index:310;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(15,23,42,.5);opacity:0;transition:opacity .18s ease}.jq-alert-modal-backdrop.is-visible{opacity:1}.jq-alert-modal{width:min(520px,100%);border-radius:10px;border:1px solid #dbe3ee;background:#fff;box-shadow:0 18px 42px rgba(15,23,42,.3)}.jq-alert-modal__header{padding:14px 16px;border-bottom:1px solid #e2e8f0}.jq-alert-modal__header h3{margin:0;color:#2d3748;font-size:18px}.jq-alert-modal__body{padding:14px 16px;color:#4e5e6a;line-height:1.45}.jq-alert-modal__footer{display:flex;justify-content:flex-end;gap:8px;padding:0 16px 14px}
|