You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
117 lines
2.0 KiB
CSS
117 lines
2.0 KiB
CSS
.dashboard-wrapper {
|
|
padding: 1.5rem;
|
|
}
|
|
|
|
.stats-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
gap: 1.5rem;
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
|
|
.tables-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
|
|
gap: 1.5rem;
|
|
}
|
|
|
|
.dashboard-card {
|
|
/*background-color: #ece1d8;*/
|
|
border: 1px solid #a57d52;
|
|
border-radius: 0.5rem;
|
|
padding: 1.5rem;
|
|
}
|
|
|
|
.card-content {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.icon-circle {
|
|
padding: 0.75rem;
|
|
border-radius: 50%;
|
|
background-color: #ead9cb;
|
|
margin-right: 1rem;
|
|
}
|
|
|
|
.dashboard-icon {
|
|
width: 2rem;
|
|
height: 2rem;
|
|
stroke: #a57d52;
|
|
}
|
|
|
|
.stat-info h3 {
|
|
font-size: 1.125rem;
|
|
font-weight: 600;
|
|
/*color: #a57d52;*/
|
|
margin: 0;
|
|
}
|
|
|
|
.stat-number {
|
|
font-size: 1.875rem;
|
|
font-weight: bold;
|
|
/*color: #a57d52;*/
|
|
margin: 0.25rem 0;
|
|
}
|
|
|
|
.stat-change {
|
|
font-size: 0.875rem;
|
|
color: #68a357;
|
|
margin: 0;
|
|
}
|
|
|
|
.card-header {
|
|
padding-bottom: 1rem;
|
|
border-bottom: 1px solid #a57d52;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.card-header h3 {
|
|
font-size: 1.125rem;
|
|
font-weight: 600;
|
|
/*color: #a57d52;*/
|
|
margin: 0;
|
|
}
|
|
|
|
/*.dashboard-table {*/
|
|
/* width: 100%;*/
|
|
/* border-collapse: collapse;*/
|
|
/*}*/
|
|
|
|
/*.dashboard-table th {*/
|
|
/* text-align: left;*/
|
|
/* padding: 0.75rem;*/
|
|
/* font-size: 0.75rem;*/
|
|
/* text-transform: uppercase;*/
|
|
/* !*color: #a57d52;*!*/
|
|
/*}*/
|
|
|
|
/*.dashboard-table td {*/
|
|
/* padding: 0.75rem;*/
|
|
/* font-size: 0.875rem;*/
|
|
/* !*color: #666;*!*/
|
|
/*}*/
|
|
|
|
/*.status-tag {*/
|
|
/* display: inline-block;*/
|
|
/* padding: 0.25rem 0.75rem;*/
|
|
/* border-radius: 9999px;*/
|
|
/* font-size: 0.75rem;*/
|
|
/* font-weight: 600;*/
|
|
/*}*/
|
|
|
|
/*.status-received {*/
|
|
/* background-color: #e8f5e9;*/
|
|
/* color: #2e7d32;*/
|
|
/*}*/
|
|
|
|
/*.status-pending {*/
|
|
/* background-color: #fff3e0;*/
|
|
/* color: #ef6c00;*/
|
|
/*}*/
|
|
|
|
/*.status-overdue {*/
|
|
/* background-color: #ffebee;*/
|
|
/* color: #c62828;*/
|
|
/*}*/
|