Update settings-page.html

Made text more readable on button and toast
This commit is contained in:
Kenneth Hendricks 2024-11-03 22:04:28 -05:00 committed by GitHub
parent 6625687137
commit b23f2dcd5c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -405,7 +405,7 @@
border-radius: 8px;
border: none;
font-family: inherit;
font-weight: 500;
font-weight: 600; /* Made slightly bolder */
font-size: 0.9rem;
cursor: pointer;
transition: transform 0.2s, opacity 0.2s;
@ -415,11 +415,12 @@
var(--accent-blue)
);
color: white;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); /* Subtle text shadow for better readability */
}
.btn:hover {
transform: translateY(-2px);
opacity: 0.9;
opacity: 0.95;
}
.btn:active {
@ -446,7 +447,7 @@
position: fixed;
bottom: 20px;
right: 20px;
padding: 1rem;
padding: 1rem 1.5rem;
background: linear-gradient(
120deg,
var(--accent-purple),
@ -457,12 +458,19 @@
transform: translateY(150%);
transition: transform 0.3s ease-out;
z-index: 1000;
font-weight: 600;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.notification.show {
transform: translateY(0);
}
/* Error state */
.notification.error {
background: linear-gradient(120deg, #ff6b6b, #ff8787);
}
@media (max-width: 640px) {
.container {
padding: 1rem;