Updated styling for 'Manage Credits' page

This commit is contained in:
Ruben Ramirez 2025-04-04 15:38:24 -05:00
parent 05bc1a4f49
commit f039f2f06d

View file

@ -449,6 +449,45 @@
color: var(--quiztech-text-secondary);
}
/* Grid Container (for widget-like elements) */
.quiztech-grid-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); /* Adjust minmax as needed */
gap: 20px;
margin-top: 20px;
margin-bottom: 20px;
}
/* Widget-like boxes (e.g., Credit Packages) */
.quiztech-widget-like {
border: none; /* Remove default border if any */
padding: 20px;
background-color: var(--quiztech-widget-bg);
box-shadow: var(--quiztech-widget-shadow);
border-radius: var(--quiztech-widget-radius);
text-align: center; /* Center content for packages */
}
.quiztech-widget-like h3 {
margin-top: 0;
margin-bottom: 10px;
font-family: var(--quiztech-font-heading);
font-weight: 600;
font-size: 16px;
color: var(--quiztech-text-primary);
}
.quiztech-widget-like p {
margin-bottom: 15px;
font-size: 14px;
color: var(--quiztech-text-secondary);
}
.quiztech-widget-like form {
margin-top: auto; /* Push button to bottom if needed in flex context */
}