1 line
1.2 KiB
CSS
1 line
1.2 KiB
CSS
#myp-notifications{pointer-events:none;max-width:400px;}#myp-notifications > *{pointer-events:auto;}.notification{min-width:300px;max-width:100%;word-wrap:break-word;font-size:0.875rem;line-height:1.25rem;}.notification.glass-navbar{background:rgba(255,255,255,0.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3);}.dark .notification.glass-navbar{background:rgba(15,23,42,0.85);border:1px solid rgba(255,255,255,0.1);}.notification-success{border-left:4px solid #10b981;}.notification-error{border-left:4px solid #ef4444;}.notification-warning{border-left:4px solid #f59e0b;}.notification-info{border-left:4px solid #3b82f6;}.notification{transition:transform 0.3s ease-out,opacity 0.3s ease-out;}.notification.translate-x-full{transform:translateX(100%);opacity:0;}.notification button{font-size:1.5rem;line-height:1;background:none;border:none;cursor:pointer;opacity:0.7;transition:opacity 0.2s;}.notification button:hover{opacity:1;}@media (max-width:640px){#myp-notifications{left:1rem;right:1rem;max-width:none;}.notification{min-width:auto;}}@media (prefers-reduced-motion:reduce){.notification{transition:none;}}@media print{#myp-notifications{display:none;}} |