style: Adjust toast notification width, padding, and font size

This commit is contained in:
Paul Gauthier (aider) 2025-03-13 19:42:51 -07:00
parent a61ba0db22
commit 7d5f27fa34

View file

@ -68,16 +68,18 @@ layout: minimal
.toast-notification { .toast-notification {
background-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.7);
color: white; color: white;
padding: 10px 20px; padding: 12px 25px;
border-radius: 8px; border-radius: 8px;
margin-bottom: 10px; margin-bottom: 10px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
opacity: 0; opacity: 0;
transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-size: 16px; font-size: 18px;
text-align: center; text-align: center;
max-width: 80%; min-width: 250px;
max-width: 90%;
white-space: nowrap;
} }
/* Page container styling */ /* Page container styling */