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);
|
||||
}
|
||||
|
||||
/* 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