Updated styling for 'Manage Credits' page
This commit is contained in:
parent
05bc1a4f49
commit
f039f2f06d
1 changed files with 39 additions and 0 deletions
39
style.css
39
style.css
|
|
@ -449,6 +449,45 @@
|
||||||
color: var(--quiztech-text-secondary);
|
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 */
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue