NW/FleetCart
1
0
Fork 0
Code Issues 4 Pull Requests Packages Projects 1 Releases Wiki Activity

¨4.0.1¨

Browse Source
This commit is contained in:
¨NW¨
2023-12-03 14:07:47 +00:00
parent c08b36d1b6
commit f35052522d
1112 changed files with 43019 additions and 24987 deletions
Download Patch File Download Diff File Expand all files Collapse all files

195
Modules/Admin/Resources/assets/sass/dashboard.scss
View File

@@ -1,99 +1,125 @@
.grid {
.single-grid {
position: relative;
overflow: hidden;
height: 130px;
padding: 0 15px;
background: #ffffff;
border-radius: 3px;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
.content {
> .row {
> div {
padding-right: 10px;
padding-left: 10px;
h4 {
margin: 22px 0;
&:first-child {
padding-left: 15px;
}
&:last-child {
padding-right: 15px;
}
}
}
}
.grid {
> .row {
> div {
margin-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
&:first-child {
padding-left: 15px;
}
&:last-child {
padding-right: 15px;
}
}
}
.single-grid {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 130px;
padding: 25px;
border-radius: 3px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
.title {
font-weight: 600;
display: block;
color: #ffffff;
text-transform: uppercase;
}
span {
.count {
font-size: 26px;
margin-top: 3px;
font-weight: 500;
color: #ffffff;
}
i {
font-size: 36px;
font-size: 96px;
position: absolute;
left: 15px;
bottom: 22px;
margin: 0;
}
&.total-orders {
i {
color: rgba(0, 104, 225, 0.7);
}
top: 10px;
right: -10px;
color: rgba(255, 255, 255, 0.25);
}
&.total-sales {
i {
color: rgba(112, 124, 210, 0.7);
}
background: #f24a78;
}
&.total-customers {
i {
color: rgba(255, 51, 102, 0.7);
}
&.total-orders {
background: #2faedf;
}
&.total-products {
i {
color: rgba(55, 188, 155, 0.7);
}
background: #3e8ce8;
}
}
}
.dashboard-panel {
margin-top: 30px;
padding: 0 15px;
background: #ffffff;
overflow: hidden;
border-radius: 3px;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
.table-responsive {
margin-bottom: 10px;
&.total-customers {
background: #3abcbf;
}
}
}
.grid-header {
overflow: auto;
h4 {
margin: 15px 0;
h5 {
margin: 12px 0;
float: left;
i {
margin-right: 8px;
}
}
}
}
.sales-analytics {
background: #ffffff;
margin-top: 30px;
padding: 0 15px 15px;
border-radius: 3px;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
.dashboard-panel {
margin-bottom: 20px;
padding: 0 15px;
background: #ffffff;
overflow: hidden;
border-radius: 3px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
.chart {
height: 282px !important;
&:last-child {
margin-bottom: 0;
}
&.sales-analytics {
padding: 0 15px 15px;
.chart {
height: 282px !important;
}
}
.table-responsive {
margin-bottom: 10px;
}
}
.anchor-table {
.table {
> tbody {
> tr {
> td {
.table {
> tbody {
> tr {
> td {
padding: 0;
a {
@@ -114,7 +140,7 @@
color: #0059bd;
}
}
}
}
}
}
}
@@ -132,21 +158,42 @@
}
@media screen and (max-width: 1199px) {
.single-grid {
&.total-customers {
margin-top: 15px;
}
.content {
> .row {
> div {
padding-left: 15px;
padding-right: 15px;
&.total-products {
margin-top: 15px;
&:first-child {
margin-bottom: 20px;
}
}
}
}
.grid {
> .row {
> div {
&:nth-child(2) {
margin-bottom: 20px;
padding-right: 15px;
}
&:nth-child(3) {
padding-left: 15px;
}
}
}
}
}
@media screen and (max-width: 767px) {
.single-grid {
&.total-orders {
margin-top: 15px;
.grid {
> .row {
> div {
padding-left: 15px;
padding-right: 15px;
}
}
}
}