Penambahan FrontEnd All-New-Manufacture
This commit is contained in:
pand03
56
public/scss/pages/_analytics.scss
Normal file
56
public/scss/pages/_analytics.scss
Normal file
@@ -0,0 +1,56 @@
|
||||
.bar-chart{
|
||||
.apexcharts-legend-text{
|
||||
.value{
|
||||
margin-#{$dlab-pos-left}:1.25rem;
|
||||
font-size:1.25rem;
|
||||
font-weight:700;
|
||||
}
|
||||
}
|
||||
}
|
||||
.donut-chart-sale{
|
||||
small i{
|
||||
font-size: 1.75rem;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
#{$dlab-pos-left}: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
top: 0;
|
||||
justify-content: center;
|
||||
font-weight: 600;
|
||||
color:var(--primary);
|
||||
}
|
||||
}
|
||||
.chart-link{
|
||||
span{
|
||||
font-size:0.6875rem;
|
||||
}
|
||||
}
|
||||
.chart-content{
|
||||
@include respond ('phone'){
|
||||
margin-top:1.875rem;
|
||||
}
|
||||
}
|
||||
.form-switch{
|
||||
.form-check-input{
|
||||
width:3em;
|
||||
}
|
||||
}
|
||||
.bar-chart{
|
||||
.apexcharts-bar-series{
|
||||
.apexcharts-series:nth-child(2){
|
||||
path{
|
||||
fill:var(--primary);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.Sales-1{
|
||||
.apexcharts-series{
|
||||
.apexcharts-line{
|
||||
stroke:var(--primary);
|
||||
}
|
||||
}
|
||||
}
|
||||
451
public/scss/pages/_content.scss
Normal file
451
public/scss/pages/_content.scss
Normal file
@@ -0,0 +1,451 @@
|
||||
|
||||
.cm-content-box{
|
||||
background: $white;
|
||||
border-radius:$radius;
|
||||
margin-bottom:1rem;
|
||||
&.filter{
|
||||
border-top: 0;
|
||||
}
|
||||
.content-title{
|
||||
padding: 1rem 1.5rem;
|
||||
margin-bottom: 0;
|
||||
display: flex;
|
||||
cursor: pointer;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.cpa{
|
||||
color: var(--text-dark);
|
||||
font-weight:600;
|
||||
font-size:1rem;
|
||||
i{
|
||||
color: var(--text);
|
||||
}
|
||||
}
|
||||
@include respond('phone'){
|
||||
padding: 1rem 1.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.content-title{
|
||||
border-top-#{$dlab-pos-left}-radius:0.425rem;
|
||||
border-top-#{$dlab-pos-right}-radius:0.425rem;
|
||||
|
||||
}
|
||||
&.style-1{
|
||||
.content-title{
|
||||
border-radius:$radius;
|
||||
border-top-#{$dlab-pos-left}-radius:0;
|
||||
border-top-#{$dlab-pos-right}-radius:0;
|
||||
border-top:1px solid $border;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.tools{
|
||||
a{
|
||||
display: inline-block;
|
||||
&:hover{
|
||||
i{
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
i{
|
||||
font-family: 'Font Awesome 6 Free';
|
||||
font-weight: 600;
|
||||
color: #c2c2c2;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
&.expand{
|
||||
transform: rotate(-180deg);
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
.cm-content-body{
|
||||
border-bottom-#{$dlab-pos-left}-radius: $radius;
|
||||
border-bottom-#{$dlab-pos-right}-radius: $radius;
|
||||
border-top:1px solid var(--border);
|
||||
.table{
|
||||
thead{
|
||||
tr{
|
||||
th{
|
||||
|
||||
.custm-select{
|
||||
height: 45px;
|
||||
background-color: transparent;
|
||||
border-radius: $radius;
|
||||
&.input-small{
|
||||
width: 9.063rem !important;
|
||||
}
|
||||
}
|
||||
.form-control{
|
||||
border-radius:$radius;
|
||||
&.input-large{
|
||||
width: 20rem !important;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-child(2){
|
||||
background-color:#000;
|
||||
box-shadow: 10px 10px 8px #888888;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.table-striped{
|
||||
th{
|
||||
padding: 1rem;
|
||||
color:$body-color;
|
||||
|
||||
}
|
||||
td{
|
||||
&:first-child{
|
||||
padding-#{$dlab-pos-left}:2rem;
|
||||
}
|
||||
padding:1rem;
|
||||
color:#504f4f;
|
||||
white-space:nowrap;
|
||||
}
|
||||
|
||||
}
|
||||
&.table-bordered{
|
||||
thead{
|
||||
background-color:unset;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
.table .btn{
|
||||
margin-top: 0px;
|
||||
margin-#{$dlab-pos-left}: 0px;
|
||||
margin-#{$dlab-pos-right}: 0.313rem;
|
||||
}
|
||||
&.excerpt{ //add page
|
||||
.textarea{
|
||||
padding: 0.438rem 0.25rem;
|
||||
}
|
||||
}
|
||||
&.custom-fields{
|
||||
.name-value{
|
||||
line-height:2.375rem;
|
||||
font-size: 1rem;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.contact{
|
||||
border-radius: $radius!important;
|
||||
}
|
||||
.collapse{
|
||||
&.show{
|
||||
margin-bottom:0.625rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contents-list{
|
||||
.btn-icon-only{
|
||||
height: 2.25rem;
|
||||
width: 2.25rem;
|
||||
text-align: center;
|
||||
padding-#{$dlab-pos-left}: 0;
|
||||
padding-#{$dlab-pos-right}: 0;
|
||||
line-height: 1;
|
||||
i{
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
.table{
|
||||
tbody{
|
||||
tr{
|
||||
td{
|
||||
padding: 0.4375rem 0.625rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.fatch-date{
|
||||
display: block;
|
||||
}
|
||||
.new-scroll{
|
||||
background-color:$light;
|
||||
padding:0.625rem;
|
||||
height:9.375rem;
|
||||
overflow-y:auto;
|
||||
border-radius:$radius;
|
||||
}
|
||||
|
||||
.content-icon{
|
||||
width: 2.188rem;
|
||||
height: 2.188rem;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
line-height: 2.125rem;
|
||||
font-size: 0.625rem;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.dd-handle{
|
||||
&.move-media{
|
||||
padding: 0.5rem 1rem;
|
||||
display: flex;
|
||||
margin: 0;
|
||||
border-top-#{$dlab-pos-right}-radius:0;
|
||||
border-bottom-#{$dlab-pos-right}-radius:0;
|
||||
height: 100%;
|
||||
border: 0;
|
||||
z-index: 2;
|
||||
background: none;
|
||||
position: absolute;
|
||||
background-color : var(--rgba-primary-8);
|
||||
top: 0;
|
||||
font-size: 1.25rem;
|
||||
#{$dlab-pos-left}: 0;
|
||||
align-items: center;
|
||||
& + .accordion-button{
|
||||
padding-#{$dlab-pos-left}:4.063rem;
|
||||
background:var(--card);
|
||||
color: var(--text-dark);
|
||||
position:relative;
|
||||
z-index:1;
|
||||
}
|
||||
}
|
||||
}
|
||||
.cm-content-box .dd-list {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.dd-dragel {
|
||||
.accordion-item.dd-item.menu-ac-item{
|
||||
background-color: var(--card);
|
||||
border-radius: $radius;
|
||||
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
|
||||
.dd-list {
|
||||
padding-bottom: 10px;
|
||||
padding-#{$dlab-pos-right}: 20px;
|
||||
padding-#{$dlab-pos-left}: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.text-hover{
|
||||
&:hover{
|
||||
color: var(--primary);
|
||||
}
|
||||
}
|
||||
.accordion-item.dd-item.menu-ac-item{
|
||||
.dd-list{
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
.menu-ac-item{
|
||||
position:relative;
|
||||
.dd-collapse{
|
||||
height: 2.8rem;
|
||||
width: 3.338rem;
|
||||
border: 1px solid #d3d3d3;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
#{$dlab-pos-left}: 0;
|
||||
margin: 0;
|
||||
font-size: 1.75rem;
|
||||
color: black;
|
||||
border-top-#{$dlab-pos-left}-radius:$radius;
|
||||
border-bottom-#{$dlab-pos-left}-radius: $radius;
|
||||
& + .accordion{
|
||||
margin-#{$dlab-pos-left}:3.25rem;
|
||||
}
|
||||
@include custommq ($max:1600px){
|
||||
height:3rem;
|
||||
width:3rem;
|
||||
|
||||
}
|
||||
}
|
||||
.dd-expand{
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
|
||||
.dz-menu-btn{
|
||||
margin-top:0.625rem;
|
||||
@include custommq ($max:1600px){
|
||||
margin-top:0;
|
||||
margin-#{$dlab-pos-left}:0.313rem;
|
||||
}
|
||||
@include custommq ($max:1480px){
|
||||
margin-top:0.625rem;
|
||||
margin-#{$dlab-pos-left}:0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.dz-terms{
|
||||
border:1px solid $border-color;
|
||||
border-radius:$radius;
|
||||
padding:0.625rem;
|
||||
}
|
||||
|
||||
|
||||
/* menu-scss */
|
||||
|
||||
|
||||
.required{
|
||||
color:$danger;
|
||||
}
|
||||
.tab-my{
|
||||
&.nav-tabs{
|
||||
border-bottom:unset;
|
||||
|
||||
.nav-link{
|
||||
background-color:var(--light);
|
||||
border-radius: $radius;
|
||||
border: 1px solid transparent;
|
||||
margin: 8px 2px;
|
||||
color:var(--text-dark);
|
||||
|
||||
&.active{
|
||||
background-color:var(--primary);
|
||||
color:$white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.menu-tabs{
|
||||
border:1px solid var(--border);
|
||||
margin-bottom:1rem;
|
||||
padding:1rem;
|
||||
border-radius:$radius;
|
||||
|
||||
}
|
||||
|
||||
.avatar-upload {
|
||||
.avatar-edit {
|
||||
position: absolute;
|
||||
#{$dlab-pos-right}: 0.75rem;
|
||||
z-index: 1;
|
||||
top: 0.625rem;
|
||||
}
|
||||
.avatar-preview {
|
||||
border:1px solid $border-color;
|
||||
padding:0.5rem;
|
||||
margin-bottom:0.625rem;
|
||||
border-radius:$radius;
|
||||
> div {
|
||||
display:block;
|
||||
width:100%;
|
||||
height:7.5rem;
|
||||
background-size:cover;
|
||||
background-repeat:no-repeat;
|
||||
background-position: center;
|
||||
//border-radius:$radius-sm;
|
||||
}
|
||||
}
|
||||
}
|
||||
.main-check{
|
||||
background-color: var(--card);
|
||||
border:1px solid var(--rgba-primary-5);
|
||||
padding:1.5rem 1.5rem 1rem;
|
||||
margin-bottom:1rem;
|
||||
border-radius:$radius;
|
||||
@include respond('phone'){
|
||||
padding:1rem 1rem .5rem;
|
||||
}
|
||||
}
|
||||
/* view-content */
|
||||
.view-bottom{
|
||||
flex-direction: column;
|
||||
justify-content: end;
|
||||
height: 88%;
|
||||
display: flex;
|
||||
}
|
||||
/* add-email */
|
||||
|
||||
|
||||
.dd{
|
||||
.accordion-button:not(.collapsed){
|
||||
box-shadow:unset;
|
||||
}
|
||||
.accordion-body{
|
||||
border: 1px solid $border-color;
|
||||
border-bottom-#{$dlab-pos-left}-radius: 0.5rem;
|
||||
border-bottom-#{$dlab-pos-right}-radius: 0.5rem;
|
||||
border-top: 0;
|
||||
}
|
||||
.dd-list{
|
||||
@include respond ('phone'){
|
||||
padding-#{$dlab-pos-left}:0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.collapse{
|
||||
border-radius:$radius;
|
||||
}
|
||||
.publish-drop{
|
||||
ul{
|
||||
&:hover{
|
||||
background-color:unset;
|
||||
}
|
||||
}
|
||||
}
|
||||
input.form-control{
|
||||
position:relative;
|
||||
}
|
||||
input[type="date"]::-webkit-calendar-picker-indicator {
|
||||
background: transparent;
|
||||
bottom: 0;
|
||||
color: transparent;
|
||||
cursor: pointer;
|
||||
height: auto;
|
||||
#{$dlab-pos-left}: 0;
|
||||
position: absolute;
|
||||
#{$dlab-pos-right}: 0;
|
||||
top: 0;
|
||||
width: auto;
|
||||
}
|
||||
.right-sidebar-sticky{
|
||||
position:sticky;
|
||||
top:7.5rem;
|
||||
}
|
||||
.content-title{
|
||||
&.box-primary,
|
||||
&.box-secondary,
|
||||
&.box-success,
|
||||
&.box-danger,
|
||||
&.box-warning,
|
||||
&.box-info,
|
||||
&.box-dark,
|
||||
&.box-light{
|
||||
background-color:var(--primary);
|
||||
.cpa,
|
||||
i{
|
||||
color:$white!important;
|
||||
|
||||
}
|
||||
}
|
||||
&.box-secondary{
|
||||
background-color:var(--secondary);
|
||||
}
|
||||
&.box-success{
|
||||
background-color:$success;
|
||||
}
|
||||
&.box-danger{
|
||||
background-color:$danger;
|
||||
}
|
||||
&.box-warning{
|
||||
background-color:$warning;
|
||||
}
|
||||
&.box-info{
|
||||
background-color:$info;
|
||||
}
|
||||
&.box-dark{
|
||||
background-color:$dark;
|
||||
}
|
||||
&.box-light{
|
||||
background-color:$light;
|
||||
}
|
||||
}
|
||||
57
public/scss/pages/_customer-list.scss
Normal file
57
public/scss/pages/_customer-list.scss
Normal file
@@ -0,0 +1,57 @@
|
||||
.customers{
|
||||
display:flex;
|
||||
img{
|
||||
height:5.9375rem;
|
||||
width:5.9375rem;
|
||||
border-radius:1.25rem;
|
||||
}
|
||||
@include custommq ($max:100rem){
|
||||
margin-bottom:1.25rem;
|
||||
img{
|
||||
height:5rem;
|
||||
width:5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.media-body{
|
||||
flex: 1;
|
||||
}
|
||||
.media-dropdown{
|
||||
.dropdown-menu{
|
||||
width: 30rem;
|
||||
padding: 1.875rem;
|
||||
}
|
||||
}
|
||||
.page-indicator{
|
||||
a{
|
||||
padding:0.9375rem 1.25rem;
|
||||
@include respond ('phone'){
|
||||
padding:0.625rem 0.625rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.pagination{
|
||||
.page-link{
|
||||
border-radius:100%;
|
||||
margin:0 0.3125rem;
|
||||
height:3.125rem;
|
||||
width:3.125rem;
|
||||
line-height:2.125rem;
|
||||
@include respond ('phone'){
|
||||
height:2.5rem;
|
||||
width:2.5rem;
|
||||
line-height:1.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.contacts-list-area{
|
||||
.card{
|
||||
height:auto;
|
||||
margin-bottom:1.25rem;
|
||||
}
|
||||
}
|
||||
.text-lg-center{
|
||||
small{
|
||||
font-size:16px;
|
||||
}
|
||||
}
|
||||
314
public/scss/pages/_ecom-product-detail.scss
Normal file
314
public/scss/pages/_ecom-product-detail.scss
Normal file
@@ -0,0 +1,314 @@
|
||||
/*
|
||||
===================================
|
||||
Product detail
|
||||
===================================*/
|
||||
|
||||
.produtct-detail-tag {
|
||||
display: inline-block;
|
||||
a {
|
||||
font-style: 0.8125rem;
|
||||
color: $dark;
|
||||
}
|
||||
}
|
||||
|
||||
.product-detail-content {
|
||||
.item-tag {
|
||||
background: $l-ctl;
|
||||
border-radius: 0.375rem;
|
||||
display: inline-block;
|
||||
font-size: 0.75rem;
|
||||
margin-#{$dlab-pos-right}: 0.25rem;
|
||||
padding: 0.125rem 0.75rem;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.filtaring-area {
|
||||
h4 {
|
||||
color: var(--text-dark);
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
//text-transform: lowercase;
|
||||
}
|
||||
}
|
||||
|
||||
.plus-minus-input {
|
||||
.input-icon {
|
||||
font-size: 0.8125rem;
|
||||
color: $dark;
|
||||
}
|
||||
}
|
||||
|
||||
.plus-minus-input {
|
||||
display: flex;
|
||||
width: 7.5rem;
|
||||
.custom-btn {
|
||||
border-radius: 0;
|
||||
height: 2.5rem;
|
||||
padding: 0.75rem 0.5rem;
|
||||
background: $white;
|
||||
border: 0.0625rem solid $border;
|
||||
}
|
||||
.form-control {
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
border: 0.0625rem solid $border;
|
||||
}
|
||||
}
|
||||
}
|
||||
.btn-reveal-trigger .avatar-xl {
|
||||
min-width: 1.875rem;
|
||||
}
|
||||
.share-view {
|
||||
display: inline-block;
|
||||
ul {
|
||||
li {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
.share-icon {
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
display: inline-block;
|
||||
border: 0.0625rem solid $border;
|
||||
text-align: center;
|
||||
line-height: 2.5rem;
|
||||
font-style: 1rem;
|
||||
color: $border;
|
||||
margin-#{$dlab-pos-right}: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*--------tab----------*/
|
||||
|
||||
.veritical-line {
|
||||
padding: 1.25rem 1.875rem;
|
||||
border-top: 0.0625rem solid $border;
|
||||
border-#{$dlab-pos-right}: 0.0625rem solid $border;
|
||||
border-bottom: 0.0625rem solid $border;
|
||||
position: relative;
|
||||
&:before {
|
||||
background: $border;
|
||||
bottom: 0;
|
||||
content: "";
|
||||
height: 100%;
|
||||
#{$dlab-pos-left}: -0.0625rem;
|
||||
max-height: 40%;
|
||||
position: absolute;
|
||||
width: 0.0625rem;
|
||||
}
|
||||
}
|
||||
|
||||
.tab-content-text {
|
||||
p {
|
||||
color: $dark;
|
||||
font-size: 0.8125rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.5rem;
|
||||
margin-bottom: 1.5625rem;
|
||||
}
|
||||
}
|
||||
|
||||
.tab-item-list {
|
||||
li {
|
||||
a {
|
||||
background: $white;
|
||||
border-top: 0.0625rem solid $border;
|
||||
border-#{$dlab-pos-left}: 0.0625rem solid $border;
|
||||
border-#{$dlab-pos-right}: 0.0625rem solid $border;
|
||||
color: $dark;
|
||||
display: block;
|
||||
font-size: 1rem;
|
||||
padding: 1rem;
|
||||
text-transform: uppercase;
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: $white;
|
||||
color: $dark;
|
||||
border-#{$dlab-pos-right}: 0rem;
|
||||
}
|
||||
}
|
||||
&:last-child {
|
||||
border-bottom: 0.0625rem solid $border;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab-list {
|
||||
li {
|
||||
margin-bottom: 0.4375rem;
|
||||
font-size: 0.8125rem;
|
||||
i {
|
||||
font-size: 0.8125rem;
|
||||
margin-#{$dlab-pos-right}: 0.875rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.slide-item-list {
|
||||
text-align: center;
|
||||
margin: 0 -0.3125rem;
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
flex: 0 0 25%;
|
||||
width: 25%;
|
||||
padding: 0 0.3125rem;
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
// float:#{$dlab-pos-left};
|
||||
padding-#{$dlab-pos-left}: 0;
|
||||
padding-#{$dlab-pos-right}: 0;
|
||||
padding-top: 0;
|
||||
background: transparent;
|
||||
padding-bottom: 0rem;
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: transparent;
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.product-detail-text {
|
||||
padding-top: 1.75rem;
|
||||
padding-#{$dlab-pos-left}: 1.875rem;
|
||||
padding-#{$dlab-pos-right}: 1.875rem;
|
||||
padding-bottom: 4.375rem;
|
||||
}
|
||||
|
||||
.star-rating {
|
||||
.product-review {
|
||||
font-style: 0.8125rem;
|
||||
color: $dark;
|
||||
font-weight: 400;
|
||||
text-decoration: underline !important;
|
||||
}
|
||||
}
|
||||
|
||||
.product-detail {
|
||||
.tab-content {
|
||||
img {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.popular-tag ul {
|
||||
margin: 0rem;
|
||||
padding: 0rem;
|
||||
li {
|
||||
display: inline-block;
|
||||
padding: 0.5rem 0.9375rem;
|
||||
background: #f8f8f8;
|
||||
font-size: 0.8125rem;
|
||||
color: #fff;
|
||||
margin-#{$dlab-pos-right}: 0.625rem;
|
||||
margin-bottom: 0.625rem;
|
||||
}
|
||||
}
|
||||
|
||||
.size-filter ul li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.intro {
|
||||
border: 0.0625rem solid red;
|
||||
color: #1d1d1d;
|
||||
}
|
||||
|
||||
#listResults {
|
||||
.slider {
|
||||
margin: 1.5625rem 0;
|
||||
}
|
||||
.slider-box {
|
||||
width: 90%;
|
||||
margin: 1.5625rem auto;
|
||||
}
|
||||
input {
|
||||
width: 10%;
|
||||
}
|
||||
label {
|
||||
border: none;
|
||||
display: inline-block;
|
||||
margin-#{$dlab-pos-right}: -0.25rem;
|
||||
vertical-align: top;
|
||||
width: 30%;
|
||||
}
|
||||
}
|
||||
|
||||
// input {
|
||||
// border: none;
|
||||
// display: inline-block;
|
||||
// margin-#{$dlab-pos-right}: -0.25rem;
|
||||
// vertical-align: top;
|
||||
// width: 30%;
|
||||
// }
|
||||
.plus-minus-input {
|
||||
.input-icon {
|
||||
font-size: 0.8125rem;
|
||||
color: #aaaaaa;
|
||||
}
|
||||
.custom-btn {
|
||||
border-radius: 0;
|
||||
height: 2.5rem;
|
||||
padding: 0.5rem 0.75rem;
|
||||
background: #ffffff;
|
||||
border: 0.0625rem solid #c8c8c8;
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.active {
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
.form-control {
|
||||
height: 2.5rem;
|
||||
border-top: 0.0625rem solid #c8c8c8;
|
||||
border-bottom: 0.0625rem solid #c8c8c8;
|
||||
border-#{$dlab-pos-left}: 0rem solid #c8c8c8;
|
||||
border-#{$dlab-pos-right}: 0.0625rem solid #c8c8c8;
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
border-top: 0.0625rem solid #c8c8c8;
|
||||
border-bottom: 0.0625rem solid #c8c8c8;
|
||||
border-#{$dlab-pos-left}: 0rem solid #c8c8c8;
|
||||
border-#{$dlab-pos-right}: 0rem solid #c8c8c8;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.product-detail-tab{
|
||||
border:0;
|
||||
margin-top: 0.625rem;
|
||||
|
||||
@include respond ('phone'){
|
||||
margin-bottom:10px;
|
||||
}
|
||||
.nav-link{
|
||||
border:0;
|
||||
display: inline-block;
|
||||
flex: 0 0 25%;
|
||||
width: 25%;
|
||||
padding: 0 5px;
|
||||
&.active{
|
||||
background-color:transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
.product-detail-content{
|
||||
.sharp-lg {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
.form-control.input-number{
|
||||
height:48px;
|
||||
}
|
||||
17
public/scss/pages/_ecom-product-grid.scss
Normal file
17
public/scss/pages/_ecom-product-grid.scss
Normal file
@@ -0,0 +1,17 @@
|
||||
.new-arrival-product{
|
||||
.new-arrivals-img-contnent{
|
||||
overflow:hidden;
|
||||
|
||||
img{
|
||||
width:100%;
|
||||
@include transitionMedium;
|
||||
}
|
||||
}
|
||||
&:hover .new-arrivals-img-contnent img{
|
||||
transform: scale(1.5) translateY(12%);
|
||||
-moz-transform: scale(1.5) translateY(12%);
|
||||
-webkit-transform: scale(1.5) translateY(12%);
|
||||
-ms-transform: scale(1.5) translateY(12%);
|
||||
-o-transform: scale(1.5) translateY(12%);
|
||||
}
|
||||
}
|
||||
86
public/scss/pages/_ecom-product-list.scss
Normal file
86
public/scss/pages/_ecom-product-list.scss
Normal file
@@ -0,0 +1,86 @@
|
||||
/*
|
||||
===================================
|
||||
list view
|
||||
===================================*/
|
||||
|
||||
.new-arrival-content {
|
||||
.item {
|
||||
font-size: 0.75rem;
|
||||
color: $dark;
|
||||
}
|
||||
.star-rating{
|
||||
margin-bottom: .25rem;
|
||||
}
|
||||
h4 {
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
margin-bottom: 0.45rem;
|
||||
a{
|
||||
color:var(--text-dark);
|
||||
}
|
||||
}
|
||||
.price {
|
||||
font-weight: 600;
|
||||
color: var(--primary);
|
||||
font-size: 1.25rem;
|
||||
margin-bottom: 0;
|
||||
float:#{$dlab-pos-right};
|
||||
@include respond ('phone'){
|
||||
float:none;
|
||||
margin-top:0.625rem;
|
||||
}
|
||||
}
|
||||
.discount{
|
||||
font-size: 14px;
|
||||
margin-#{$dlab-pos-right}: 8px;
|
||||
opacity: 0.8;
|
||||
color: var(--primary);
|
||||
|
||||
}
|
||||
p {
|
||||
font-size: 0.875rem;
|
||||
color: $d-ctl;
|
||||
margin-bottom: 0.375rem;
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
.text-content {
|
||||
margin-top: 1.125rem;
|
||||
}
|
||||
}
|
||||
.new-arrival-content.text-center .price {
|
||||
float: unset!important;
|
||||
}
|
||||
|
||||
.success-icon {
|
||||
color: $success;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.comment-review {
|
||||
margin-bottom: 0.9375rem;
|
||||
display: table;
|
||||
width: 100%;
|
||||
.client-review {
|
||||
color: $d-ctl;
|
||||
padding-#{$dlab-pos-right}: 1.25rem;
|
||||
text-decoration: underline !important;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.span {
|
||||
color: $d-ctl;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
@include respond ('phone'){
|
||||
margin-bottom:0;
|
||||
}
|
||||
}
|
||||
|
||||
.star-rating li {
|
||||
display: inline-block;
|
||||
i {
|
||||
color: gold;
|
||||
}
|
||||
}
|
||||
.rating-stars ul > li.star > i.fa {
|
||||
font-size: 1.375rem;
|
||||
}
|
||||
605
public/scss/pages/_homepage.scss
Normal file
605
public/scss/pages/_homepage.scss
Normal file
@@ -0,0 +1,605 @@
|
||||
//heart Blast Effect
|
||||
span.required {
|
||||
color:$danger;
|
||||
}
|
||||
.heart-blast {
|
||||
background-position: -105rem 0!important;
|
||||
transition: background 1s steps(28);
|
||||
@include respond('phone'){
|
||||
background-position: -103.2rem 0!important;
|
||||
}
|
||||
}
|
||||
|
||||
.heart{
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
display: inline-block;
|
||||
background: url('../images/like.png');
|
||||
cursor: pointer;
|
||||
margin: -25px -15px;
|
||||
}
|
||||
.heart-blast{
|
||||
background-position: -1680px 0 !important;
|
||||
transition: background 1s steps(28);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* ------Dashboard------ */
|
||||
|
||||
#RecentActivityContent {
|
||||
height: 27.1875rem;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.plus-box{
|
||||
background:$secondary;
|
||||
color: #fff;
|
||||
font-size: 0.875rem;
|
||||
padding: 1rem 1rem;
|
||||
overflow: hidden;
|
||||
margin: 0 1rem;
|
||||
border-radius: $radius;
|
||||
align-items: center;
|
||||
margin-top: 2rem;
|
||||
position: relative;
|
||||
&:before{
|
||||
position:absolute;
|
||||
content:"";
|
||||
top: 0;
|
||||
#{$dlab-pos-left}: 0;
|
||||
opacity: .5;
|
||||
background-image: url(../images/dots1.png);
|
||||
background-repeat: no-repeat;
|
||||
height: 3rem;
|
||||
width: 3rem;
|
||||
}
|
||||
.plus-box-p{
|
||||
margin-bottom:0;
|
||||
color:rgba(255,255,255,0.5);
|
||||
font-size: .75rem;
|
||||
}
|
||||
}
|
||||
.plus-icon{
|
||||
a{
|
||||
height:3rem;
|
||||
width:3rem;
|
||||
background:rgba($secondary,.15);
|
||||
display: block;
|
||||
border-radius: $radius;
|
||||
line-height: 3rem;
|
||||
margin-#{$dlab-pos-left}: 1rem;
|
||||
font-size: 1.2rem;
|
||||
text-align: center;
|
||||
color:$secondary;
|
||||
@include transitionMedium;
|
||||
&:hover{
|
||||
background-color: $secondary;
|
||||
color: $white;
|
||||
}
|
||||
@include respond('tab-land'){
|
||||
height:2rem;
|
||||
width:2rem;
|
||||
line-height: 2rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
@include respond ('phone'){
|
||||
margin-#{$dlab-pos-left}:0;
|
||||
}
|
||||
|
||||
}
|
||||
@include respond ('phone'){
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.action-buttons .btn {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
margin:0 4px;
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
line-height: 40px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.custom-label{
|
||||
min-width:140px;
|
||||
display:inline-block;
|
||||
color:$black;
|
||||
}
|
||||
.custom-label-2{
|
||||
min-width:180px;
|
||||
display:inline-block;
|
||||
color:$black;
|
||||
@include respond ('phone'){
|
||||
min-width:140px;
|
||||
}
|
||||
}
|
||||
|
||||
.separate-row{
|
||||
&>div{
|
||||
border-bottom:1px solid var(--border);
|
||||
&:nth-child(n+3){
|
||||
border-bottom:0;
|
||||
}
|
||||
&:nth-child(odd){
|
||||
border-#{$dlab-pos-right}:1px solid var(--border);
|
||||
}
|
||||
@include respond ('phone'){
|
||||
&:nth-child(n+3){
|
||||
border-bottom:1px solid var(--border);
|
||||
}
|
||||
&:nth-child(odd){
|
||||
border-#{$dlab-pos-right}:0;
|
||||
}
|
||||
&:last-child{
|
||||
border-bottom:0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.update-profile{
|
||||
img{
|
||||
height:6rem;
|
||||
width:6rem;
|
||||
border-radius:$radius;
|
||||
@include custommq($min : 1200px , $max : 1400px){
|
||||
height:5rem;
|
||||
width:5rem;
|
||||
}
|
||||
@include respond('tab-land'){
|
||||
height:5rem;
|
||||
width:5rem;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
.job-icon{
|
||||
@include custommq($min : 1200px , $max : 1400px){
|
||||
h2{
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
.badge{
|
||||
font-size: 10px;
|
||||
padding: 0.1rem 0.25rem;
|
||||
min-height: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.default-progress{
|
||||
height:8px;
|
||||
}
|
||||
.bg-green{
|
||||
background:#1D92DF!important;
|
||||
}
|
||||
|
||||
|
||||
.dashboard-select-1,
|
||||
.dashboard-select-2{
|
||||
width:235px!important;
|
||||
background: transparent;
|
||||
text-transform: capitalize;
|
||||
.btn{
|
||||
color:var(--primary)!important;
|
||||
border:0!important;
|
||||
font-weight: 500;
|
||||
background-color:transparent!important;
|
||||
}
|
||||
}
|
||||
.dashboard-select-2{
|
||||
width:100%!important;
|
||||
border:1px solid $border!important;
|
||||
@include custommq ($max:1600px){
|
||||
height:42px!important;
|
||||
line-height:2.7rem;
|
||||
}
|
||||
@include respond ('laptop'){
|
||||
height:39px !important;
|
||||
}
|
||||
|
||||
|
||||
@include respond ('laptop'){
|
||||
height:2.8rem;
|
||||
line-height:2.9rem;
|
||||
}
|
||||
@include respond('phone-land'){
|
||||
line-height:2.6rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.recent-activity{
|
||||
position:relative;
|
||||
.list-item-bx{
|
||||
flex:1;
|
||||
}
|
||||
|
||||
&:after{
|
||||
position:absolute;
|
||||
content:"";
|
||||
top:1.188rem;
|
||||
#{$dlab-pos-left}:0.5rem;
|
||||
width:0.063rem;
|
||||
height:100%;
|
||||
background:var(--border);
|
||||
}
|
||||
}
|
||||
.jobs{
|
||||
border:1px solid var(--border);
|
||||
padding: 1.5rem 1.5rem;
|
||||
border-radius:$radius;
|
||||
.icon-img-bx{
|
||||
margin-#{$dlab-pos-left}: auto;
|
||||
margin-#{$dlab-pos-right}: auto;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.bottom-info{
|
||||
color: var(--text-dark);
|
||||
i{
|
||||
width: 20px;
|
||||
color: var(--text);
|
||||
}
|
||||
}
|
||||
}
|
||||
.default-select.style-1{
|
||||
border-radius: 2rem;
|
||||
line-height: 2rem;
|
||||
background: transparent;
|
||||
color:var(--primary);
|
||||
font-size:1rem;
|
||||
font-weight:500;
|
||||
&:after{
|
||||
border-color: var(--primary);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.application{
|
||||
margin-#{$dlab-pos-left}: 2rem;
|
||||
@include respond ('phone'){
|
||||
margin-#{$dlab-pos-left}:0.8rem;
|
||||
}
|
||||
}
|
||||
.wspace-no{
|
||||
white-space:nowrap;
|
||||
}
|
||||
|
||||
.user{
|
||||
img{
|
||||
height:6.25rem;
|
||||
width:6.25rem;
|
||||
border-radius:$radius;
|
||||
}
|
||||
@include respond ('phone'){
|
||||
img{
|
||||
height:5rem;
|
||||
width:5rem;
|
||||
float:#{$dlab-pos-left};
|
||||
margin-#{$dlab-pos-right}:15px;
|
||||
}
|
||||
.listline-wrapper .item{
|
||||
width: auto;
|
||||
padding-#{$dlab-pos-left}: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.recent-activity-wrapper{
|
||||
.recent-activity:last-child{
|
||||
&:after{
|
||||
content:none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.listline-wrapper{
|
||||
display:flex;
|
||||
flex-wrap:wrap;
|
||||
@include custommq($min : 575px){
|
||||
.item:not(:last-child){
|
||||
border-#{$dlab-pos-right}:1px solid var(--border);
|
||||
margin-#{$dlab-pos-right}:10px;
|
||||
padding: 2px 0;
|
||||
padding-#{$dlab-pos-right}:10px;
|
||||
}
|
||||
}
|
||||
.item{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
color: var(--text-dark);
|
||||
svg{
|
||||
padding-#{$dlab-pos-right}:8px;
|
||||
height: 1.2rem;
|
||||
width: 1.6rem;
|
||||
}
|
||||
i{
|
||||
color:#a0a0a0;
|
||||
padding-#{$dlab-pos-right}:8px;
|
||||
}
|
||||
@include respond('phone'){
|
||||
width: 50%;
|
||||
padding: 4px 15px;
|
||||
}
|
||||
}
|
||||
@include respond('phone'){
|
||||
margin: 0 -15px;
|
||||
}
|
||||
}
|
||||
.svg-main-icon g [fill] {
|
||||
fill: var(--text);
|
||||
}
|
||||
.card{
|
||||
&.product-grid-card{
|
||||
.card-body{
|
||||
padding:15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.sweet-image{
|
||||
width:20%;
|
||||
}
|
||||
|
||||
.dlab-scroll{
|
||||
overflow-y:scroll;
|
||||
}
|
||||
|
||||
.dlab-scroll{
|
||||
overflow-y: scroll;
|
||||
}
|
||||
body > *{
|
||||
// overflow-y: scroll;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: rgba(111, 133, 147, 0.1) #fff0;
|
||||
}
|
||||
::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
opacity:0;
|
||||
}
|
||||
/* ::-webkit-scrollbar-thumb{
|
||||
background: rgba(111, 133, 147, 0.0);
|
||||
} */
|
||||
::-webkit-scrollbar-thumb{
|
||||
background: rgba(111, 133, 147, 0.1);
|
||||
}
|
||||
|
||||
.clockpicker-popover{
|
||||
position:absolute;
|
||||
}
|
||||
|
||||
.modal-dialog-center{
|
||||
min-height: calc(100% - 3.5rem);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.nice-select{
|
||||
&:after{
|
||||
border-color:#c2c2c2;
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
.table{
|
||||
&.application{
|
||||
span{
|
||||
white-space:nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
input.form-control{
|
||||
position:relative;
|
||||
}
|
||||
input[type="date"]::-webkit-calendar-picker-indicator {
|
||||
background: transparent;
|
||||
bottom: 0;
|
||||
color: transparent;
|
||||
cursor: pointer;
|
||||
height: auto;
|
||||
#{$dlab-pos-left}: 0;
|
||||
position: absolute;
|
||||
#{$dlab-pos-right}: 0;
|
||||
top: 0;
|
||||
width: auto;
|
||||
}
|
||||
.exp-del{
|
||||
i,
|
||||
strong{
|
||||
color:#393939;
|
||||
}
|
||||
}
|
||||
.order-table{
|
||||
th,td{
|
||||
&:first-child{
|
||||
padding-#{$dlab-pos-left}:14px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.comp-tabs{
|
||||
.grid,
|
||||
.line{
|
||||
width:40px;
|
||||
height:40px;
|
||||
display:inline-block;
|
||||
text-align:center;
|
||||
line-height:40px;
|
||||
border-radius:$radius;
|
||||
}
|
||||
.grid{
|
||||
background-color:var(--primary);
|
||||
svg{
|
||||
width:1rem;
|
||||
height:1rem;
|
||||
path{
|
||||
fill:$white;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.line{
|
||||
background-color:var(--rgba-primary-1);
|
||||
svg{
|
||||
width:1rem;
|
||||
height:1rem;
|
||||
path{
|
||||
fill:var(--primary);
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
.calendar-table{
|
||||
thead{
|
||||
tr{
|
||||
&:last-child{
|
||||
th{
|
||||
font-size:15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.btn:disabled, .btn.disabled, fieldset:disabled .btn{
|
||||
color:$white;
|
||||
}
|
||||
.form-control.default-select{
|
||||
border-radius:$radius;
|
||||
.list{
|
||||
width:100%;
|
||||
padding:10px 0;
|
||||
box-shadow:0 15px 30px 0 rgba(0, 0, 0, 0.2);
|
||||
|
||||
.option{
|
||||
padding:8px 20px;
|
||||
font-weight:400;
|
||||
font-size:14px;
|
||||
line-height:2;
|
||||
color:$black;
|
||||
}
|
||||
|
||||
.option.selected.focus{
|
||||
background-color:var(--primary);
|
||||
color:$white;
|
||||
padding:8px 20px;
|
||||
font-weight:400;
|
||||
font-size:14px;
|
||||
line-height:2;
|
||||
}
|
||||
&:hover{
|
||||
.option.selected.focus{
|
||||
background-color:var(--primary)!important;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
&:after{
|
||||
border-width:2px;
|
||||
}
|
||||
}
|
||||
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show{
|
||||
color:$white;
|
||||
}
|
||||
.overflow-unset{
|
||||
overflow:unset;
|
||||
}
|
||||
|
||||
.list-grid-area{
|
||||
.list-item-bx{
|
||||
border-bottom: 1px solid var(--border);
|
||||
padding-bottom: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
border-bottom-style: dashed;
|
||||
}
|
||||
}
|
||||
.icon-img-bx{
|
||||
height: 3.5rem;
|
||||
width: 3.5rem;
|
||||
&.sm{
|
||||
height: 2.4rem;
|
||||
width: 2.4rem;
|
||||
}
|
||||
&.lg{
|
||||
height: 5rem;
|
||||
width: 5rem;
|
||||
}
|
||||
svg{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.apexcharts-tooltip.apexcharts-theme-light{
|
||||
border-radius: $radius;
|
||||
background-color: var(--card)!important;
|
||||
border: 0!important;
|
||||
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
|
||||
}
|
||||
.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title{
|
||||
background-color: transparent!important;
|
||||
border-bottom-color: var(--border)!important;
|
||||
font-size: 1rem!important;
|
||||
color: var(--text-dark);
|
||||
font-family: 'Poppins'!important;
|
||||
padding: 6px 15px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.apexcharts-tooltip-series-group{
|
||||
font-size: .875rem;
|
||||
padding: 0px 15px 4px !important;
|
||||
.apexcharts-tooltip-text-label{
|
||||
font-family: 'Poppins'!important;
|
||||
color: var(--text-gray);
|
||||
}
|
||||
.apexcharts-tooltip-text-value{
|
||||
font-family: 'Poppins'!important;
|
||||
color: var(--text-dark);
|
||||
}
|
||||
}
|
||||
.apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-series-group .apexcharts-tooltip-text-label ,
|
||||
.apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-series-group .apexcharts-tooltip-text-value {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.icon-btn{
|
||||
height: 2.8125rem;
|
||||
width: 2.8125rem;
|
||||
border-radius: $radius;
|
||||
background-color: $secondary;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
font-size: 1rem;
|
||||
justify-content: center;
|
||||
color: $white;
|
||||
&:hover{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
.list-style-1{
|
||||
&.block{
|
||||
& > li{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
& > li{
|
||||
border-bottom: 1px dashed var(--border);
|
||||
padding: .75rem 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.db-donut-chart-sale{
|
||||
position: relative;
|
||||
.pie-label{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%,-50%);
|
||||
}
|
||||
@include custommq ($max : 1400px , $min : 1200px){
|
||||
transform: scale(.85);
|
||||
}
|
||||
}
|
||||
7
public/scss/pages/_job-list.scss
Normal file
7
public/scss/pages/_job-list.scss
Normal file
@@ -0,0 +1,7 @@
|
||||
.action-btn{
|
||||
span{
|
||||
a{
|
||||
padding:0 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
211
public/scss/pages/_job-page.scss
Normal file
211
public/scss/pages/_job-page.scss
Normal file
@@ -0,0 +1,211 @@
|
||||
.search-job{
|
||||
border-radius:2rem;
|
||||
padding: 0.5rem 0.5rem;
|
||||
.search-dropdown{
|
||||
@include respond ('tab-port'){
|
||||
margin-bottom:0.625rem;
|
||||
}
|
||||
}
|
||||
@include respond('tab-port'){
|
||||
border-radius:$radius;
|
||||
.dashboard-select-1, .dashboard-select-2{
|
||||
width: 100%!important;
|
||||
}
|
||||
}
|
||||
|
||||
.form-control.default-select{
|
||||
.list{
|
||||
width:100%;
|
||||
padding:10px 0;
|
||||
box-shadow:0 15px 30px 0 rgba(0, 0, 0, 0.2);
|
||||
|
||||
.option{
|
||||
padding:8px 20px;
|
||||
font-weight:400;
|
||||
font-size:14px;
|
||||
line-height:2;
|
||||
color:$black;
|
||||
}
|
||||
|
||||
.option.selected.focus{
|
||||
background-color:var(--primary);
|
||||
color:$white;
|
||||
padding:8px 20px;
|
||||
font-weight:400;
|
||||
font-size:14px;
|
||||
line-height:2;
|
||||
}
|
||||
&:hover{
|
||||
.option.selected.focus{
|
||||
background-color:var(--primary)!important;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
&:after{
|
||||
border-width:2px;
|
||||
}
|
||||
}
|
||||
.search-dropdown{
|
||||
position:relative;
|
||||
&:after{
|
||||
content:"";
|
||||
position:absolute;
|
||||
top:0.375rem;
|
||||
#{$dlab-pos-right}:0;
|
||||
width:1px;
|
||||
height:2rem;
|
||||
background:#E2E2E2;
|
||||
}
|
||||
@include respond ('tab-port'){
|
||||
&:nth-child(2){
|
||||
&:after{
|
||||
content:none;
|
||||
}
|
||||
}
|
||||
}
|
||||
@include respond ('phone'){
|
||||
&:after{
|
||||
content:none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.job-title-search{
|
||||
.search-box{
|
||||
margin-#{$dlab-pos-left}: 1rem;
|
||||
.form-control{
|
||||
border: 0;
|
||||
&:focus{
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
@include respond ('tab-port'){
|
||||
border-top: 1px solid var(--border);
|
||||
padding-top: .5rem;
|
||||
.search-box{
|
||||
margin-#{$dlab-pos-left}: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.jobs2{
|
||||
// border-radius:1.25rem;
|
||||
// transition: all 0.5s;
|
||||
a{
|
||||
color:var(--text-dark);
|
||||
}
|
||||
i{
|
||||
color:var(--primary);
|
||||
}
|
||||
.icon-img-bx{
|
||||
margin-#{$dlab-pos-left}: auto;
|
||||
margin-#{$dlab-pos-right}: auto;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.bottom-info {
|
||||
color: var(--text-dark);
|
||||
text-align: center;
|
||||
i {
|
||||
width: 20px;
|
||||
color: var(--text);
|
||||
}
|
||||
}
|
||||
&:hover{
|
||||
box-shadow: 0 15px 25px rgba(0,0,0,0.1);
|
||||
|
||||
}
|
||||
}
|
||||
.researcher{
|
||||
height:3.8rem;
|
||||
}
|
||||
.block{
|
||||
svg{
|
||||
margin-top:-5.25rem;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
}
|
||||
.bg-blue{
|
||||
background:#3772EA!important;
|
||||
}
|
||||
.orange{
|
||||
color:#F93A0B;
|
||||
}
|
||||
.location{
|
||||
margin-top:2rem;
|
||||
span{
|
||||
color: var(--text-dark);
|
||||
i{
|
||||
height: 2rem;
|
||||
width: 2rem;
|
||||
min-width: 2rem;
|
||||
border-radius: 3.125rem;
|
||||
background: $secondary;
|
||||
color: #fff;
|
||||
line-height: 2rem;
|
||||
text-align: center;
|
||||
margin-#{$dlab-pos-right}: .5rem;
|
||||
font-size: .875rem;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
.pagination{
|
||||
.page-indicator{
|
||||
a{
|
||||
border:1px solid var(--rgba-primary-1);
|
||||
}
|
||||
}
|
||||
}
|
||||
.search-row {
|
||||
background-color: var(--card);
|
||||
.title{
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
margin-bottom: 4px;
|
||||
.sub-title{
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
}
|
||||
.svg-ico{
|
||||
height: 3rem;
|
||||
width: 3rem;
|
||||
}
|
||||
}
|
||||
.search-job{
|
||||
background-color: var(--card);
|
||||
}
|
||||
.job-tabs{
|
||||
.nav-tabs{
|
||||
border:0;
|
||||
.nav-item{
|
||||
.nav-link{
|
||||
border:0;
|
||||
border-radius:$radius;
|
||||
background:var(--rgba-primary-1);
|
||||
margin-#{$dlab-pos-right}:0.625rem;
|
||||
padding: 0.7rem .9rem;
|
||||
|
||||
&.active{
|
||||
i{
|
||||
color:$white;
|
||||
}
|
||||
background-color:var(--primary);
|
||||
|
||||
|
||||
|
||||
}
|
||||
i{
|
||||
color:var(--primary);
|
||||
@at-root [data-theme-version="dark"] & {
|
||||
color:$white;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
40
public/scss/pages/_login.scss
Normal file
40
public/scss/pages/_login.scss
Normal file
@@ -0,0 +1,40 @@
|
||||
|
||||
.logo-header {
|
||||
margin-bottom: 2rem;
|
||||
.logo-white {
|
||||
margin-#{$dlab-pos-left}: 0.625rem;
|
||||
}
|
||||
}
|
||||
|
||||
.login-form .forget-pass {
|
||||
display: block;
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
.dz-social {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.dez-social-icon {
|
||||
display: inline-flex;
|
||||
margin: 0 -3px;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
li{
|
||||
font-size: 12px;
|
||||
margin-#{$dlab-pos-right}: 0.2rem;
|
||||
a {
|
||||
color: #ffffff;
|
||||
font-size: 14px;
|
||||
height: 35px;
|
||||
line-height: 34px;
|
||||
padding: 0;
|
||||
width: 35px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
div#mCSB_1 {
|
||||
margin-top: 100px;
|
||||
}
|
||||
247
public/scss/pages/_my-profile.scss
Normal file
247
public/scss/pages/_my-profile.scss
Normal file
@@ -0,0 +1,247 @@
|
||||
.profile-back{
|
||||
position:relative;
|
||||
img{
|
||||
width:100%;
|
||||
height:25rem;
|
||||
object-fit: cover;
|
||||
border-radius: 1.25rem;
|
||||
@include respond ('phone'){
|
||||
height:20rem;
|
||||
}
|
||||
}
|
||||
.social-btn{
|
||||
position:absolute;
|
||||
bottom: 3rem;
|
||||
#{$dlab-pos-right}: 2rem;
|
||||
z-index:1;
|
||||
.social{
|
||||
background:rgba(239, 239, 239, 0.22);
|
||||
border:0;
|
||||
color: $white;
|
||||
margin-#{$dlab-pos-right}:1rem;
|
||||
|
||||
|
||||
}
|
||||
.btn{
|
||||
&:hover{
|
||||
color:$white;
|
||||
}
|
||||
|
||||
&.btn-light{
|
||||
&:focus{
|
||||
color:$white;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@include respond ('tab-port'){
|
||||
bottom:unset;
|
||||
top:2rem;
|
||||
}
|
||||
@include respond ('phone'){
|
||||
#{$dlab-pos-right}:0;
|
||||
padding:0 15px;
|
||||
.social{
|
||||
margin-#{$dlab-pos-right}:0.2rem;
|
||||
margin-bottom:0.5rem;
|
||||
}
|
||||
}
|
||||
.btn.btn-primary{
|
||||
@include respond ('phone'){
|
||||
margin-bottom:0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
&:after{
|
||||
position:absolute;
|
||||
content:"";
|
||||
height:100%;
|
||||
width:100%;
|
||||
top:0;
|
||||
#{$dlab-pos-left}:0;
|
||||
border-radius:1.25rem;
|
||||
background: linear-gradient(to bottom, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.57) 100%);
|
||||
}
|
||||
|
||||
}
|
||||
.profile-pic{
|
||||
margin-top: -9rem;
|
||||
position: relative;
|
||||
padding-#{$dlab-pos-left}:3rem;
|
||||
img{
|
||||
height: 11.688rem;
|
||||
width: 11.688rem;
|
||||
border-radius:1.25rem;
|
||||
border:0.5rem solid $white;
|
||||
margin-#{$dlab-pos-right}:1.5rem;
|
||||
}
|
||||
.profile-info2{
|
||||
color:$white;
|
||||
padding-top: 1rem;
|
||||
h2{
|
||||
font-size:2rem;
|
||||
font-weight:600;
|
||||
color:$white;
|
||||
@include respond ('phone'){
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
}
|
||||
h4{
|
||||
font-size:1rem;
|
||||
font-weight:500;
|
||||
color:rgba($white,.8);
|
||||
@include respond ('phone'){
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include respond ('tab-port'){
|
||||
margin-top:-8rem;
|
||||
align-items:center;
|
||||
img{
|
||||
height:6.688rem;
|
||||
width:6.688rem;
|
||||
margin-#{$dlab-pos-right}:1rem;
|
||||
border-width:3px;
|
||||
}
|
||||
.profile-info2{
|
||||
padding-top: 0;
|
||||
}
|
||||
padding-#{$dlab-pos-left}:1rem;
|
||||
padding-#{$dlab-pos-right}:1rem;
|
||||
}
|
||||
@include respond ('phone'){
|
||||
margin-top:-6.7rem;
|
||||
img {
|
||||
height: 5.688rem;
|
||||
width: 5.688rem;
|
||||
border-width: 2px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.contacts-social{
|
||||
span{
|
||||
i{
|
||||
height: 2.563rem;
|
||||
width: 2.563rem;
|
||||
background: var(--primary);
|
||||
color: #fff;
|
||||
border-radius: 2.563rem;
|
||||
text-align: center;
|
||||
line-height: 2.563rem;
|
||||
font-size: 1rem;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
.bg-facebook{
|
||||
&.light{
|
||||
background:rgba(71,113,213,0.15);
|
||||
color: var(--text-dark);
|
||||
|
||||
&:hover{
|
||||
background-color:#3d6adc;
|
||||
color:$white;
|
||||
|
||||
.text-facebook{
|
||||
color:$white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.bg-linkedin{
|
||||
&.light{
|
||||
background:rgba(14,121,179,0.15);
|
||||
color: var(--text-dark);
|
||||
|
||||
&:hover{
|
||||
background-color:#0073b1;
|
||||
color:$white;
|
||||
|
||||
.text-linkedin{
|
||||
color:$white;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
.bg-dribble{
|
||||
&.light{
|
||||
background:rgba(231,85,141,0.15);
|
||||
color: var(--text-dark);
|
||||
&:hover{
|
||||
background-color:#EA4C89;
|
||||
color:$white;
|
||||
.text-dribble{
|
||||
color:$white;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
.bg-youtube{
|
||||
&.light{
|
||||
background:rgba(251,14,14,0.15);
|
||||
color: var(--text-dark);
|
||||
&:hover{
|
||||
background-color:#FF0000;
|
||||
color:$white;
|
||||
|
||||
.text-youtube{
|
||||
color:$white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.text-facebook{
|
||||
color:#3D6AD6;
|
||||
|
||||
|
||||
}
|
||||
.text-linkedin{
|
||||
color:#0073B1;
|
||||
}
|
||||
.text-dribble{
|
||||
color:#EA4C89;
|
||||
}
|
||||
.text-youtube{
|
||||
color:#FF0000;
|
||||
}
|
||||
.text-youtube,
|
||||
.text-linkedin,
|
||||
.text-facebook,
|
||||
.text-dribble{
|
||||
position:relative;
|
||||
margin-#{$dlab-pos-right}:35px;
|
||||
|
||||
&:after{
|
||||
|
||||
position: absolute;
|
||||
content: "";
|
||||
background-color: rgba(255, 255, 255, 0.7);
|
||||
top: -7px;
|
||||
#{$dlab-pos-left}: 22px;
|
||||
width: 1px;
|
||||
height: 31px;
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.upload{
|
||||
a{
|
||||
height: 3.313rem;
|
||||
width: 3.313rem;
|
||||
border-radius: 2.313rem;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
display: block;
|
||||
text-align: center;
|
||||
line-height: 3.313rem;
|
||||
font-size: 1.5rem;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
90
public/scss/pages/_page-auth.scss
Normal file
90
public/scss/pages/_page-auth.scss
Normal file
@@ -0,0 +1,90 @@
|
||||
.fix-wrapper{
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
padding: 30px 0;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.welcome-content{
|
||||
background: url('./../images/1.jpg');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
height: 100%;
|
||||
padding: 75px 50px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
border-top-#{$dlab-pos-left}-radius: 5px;
|
||||
border-bottom-#{$dlab-pos-left}-radius: 5px;
|
||||
&::after{
|
||||
content: '';
|
||||
position: absolute;
|
||||
#{$dlab-pos-left}: 0;
|
||||
#{$dlab-pos-right}: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
background: $primary;
|
||||
opacity: 0.75;
|
||||
z-index: -1;
|
||||
border-top-#{$dlab-pos-left}-radius: 5px;
|
||||
border-bottom-#{$dlab-pos-left}-radius: 5px;
|
||||
}
|
||||
.welcome-title{
|
||||
color: $white;
|
||||
font-weight: 500;
|
||||
font-size: 20px;
|
||||
}
|
||||
p{
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.brand-logo{
|
||||
a{
|
||||
display: inline-block;
|
||||
margin-bottom: 20px;
|
||||
font-weight: 700;
|
||||
color: $white;
|
||||
font-size: 20px;
|
||||
img{
|
||||
width: 100px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.intro-social{
|
||||
position: absolute;
|
||||
bottom: 75px;
|
||||
ul{
|
||||
margin-bottom: 0;
|
||||
li{
|
||||
display: inline-block;
|
||||
a{
|
||||
color: $white;
|
||||
font-size: 14px;
|
||||
padding: 0px 7px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.auth-form{
|
||||
padding: 50px 50px;
|
||||
@include respond('phone') {
|
||||
padding: 30px;
|
||||
}
|
||||
.page-back{
|
||||
display: inline-block;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
.logo-auth{
|
||||
width: 150px;
|
||||
@include respond('phone'){
|
||||
width: 90px;
|
||||
}
|
||||
}
|
||||
|
||||
.eye {
|
||||
position: absolute;
|
||||
#{$dlab-pos-right}: 20px;
|
||||
bottom: 12px;
|
||||
}
|
||||
293
public/scss/pages/_page-doctor-details.scss
Normal file
293
public/scss/pages/_page-doctor-details.scss
Normal file
@@ -0,0 +1,293 @@
|
||||
.doctor-info-details{
|
||||
@include respond('phone-land') {
|
||||
display:block !important;
|
||||
}
|
||||
.media{
|
||||
position:relative;
|
||||
img{
|
||||
@include respond('laptop') {
|
||||
width:100%;
|
||||
}
|
||||
}
|
||||
@include respond('phone-land') {
|
||||
float:#{$dlab-pos-left};
|
||||
}
|
||||
@include respond('laptop') {
|
||||
width:5rem;
|
||||
height:5rem;
|
||||
margin-#{$dlab-pos-right}: 1.25rem;
|
||||
}
|
||||
i{
|
||||
width:4rem;
|
||||
height:4rem;
|
||||
border-radius:3.75rem;
|
||||
border:0.1875rem solid #fff;
|
||||
line-height:3.625rem;
|
||||
text-align:center;
|
||||
background:var(--primary);
|
||||
position:absolute;
|
||||
#{$dlab-pos-right}:-0.9375rem;
|
||||
bottom:-0.9375rem;
|
||||
color:$white;
|
||||
font-size: 1.5rem;
|
||||
@include respond('laptop') {
|
||||
width: 3.125rem;
|
||||
height: 3.125rem;
|
||||
font-size: 1.125rem;
|
||||
line-height: 2.875rem;
|
||||
|
||||
}
|
||||
@include respond ('phone'){
|
||||
width: 2.1875rem;
|
||||
height: 2.1875rem;
|
||||
font-size: 1rem;
|
||||
line-height: 2.0625rem;
|
||||
#{$dlab-pos-right}: -0.4375rem;
|
||||
bottom: -0.4375rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.media-body{
|
||||
padding-#{$dlab-pos-left}:2.5rem;
|
||||
|
||||
@include respond('laptop') {
|
||||
padding-#{$dlab-pos-left}:1.25rem;
|
||||
}
|
||||
@include respond('phone-land') {
|
||||
padding-#{$dlab-pos-left}:0;
|
||||
}
|
||||
h2{
|
||||
font-size:2.5rem;
|
||||
line-height:1.2;
|
||||
font-weight:600;
|
||||
color:$black;
|
||||
@include respond('laptop') {
|
||||
font-size:1.75rem;
|
||||
}
|
||||
@include respond('phone') {
|
||||
font-size:1.25rem;
|
||||
}
|
||||
}
|
||||
p{
|
||||
font-size:1.125rem;
|
||||
font-weight:500;
|
||||
color:#3e4954;
|
||||
}
|
||||
span{
|
||||
color: #333333;
|
||||
|
||||
i{
|
||||
transform: scale(1.3);
|
||||
display: inline-block;
|
||||
margin-#{$dlab-pos-right}: 0.625rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.star-review i {
|
||||
font-size: 1.375rem;
|
||||
@include respond('laptop') {
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.doctor-info-content{
|
||||
p{
|
||||
line-height:1.4;
|
||||
}
|
||||
|
||||
}
|
||||
.review-box{
|
||||
border:0.0625rem solid #f0f0f0;
|
||||
border-radius:1.125rem;
|
||||
padding:1.25rem 1.875rem 1.875rem 1.875rem;
|
||||
@include respond('laptop') {
|
||||
padding:0.9375rem 0.9375rem 1.25rem 0.9375rem;
|
||||
}
|
||||
@include respond('phone-land') {
|
||||
display:block !important;
|
||||
}
|
||||
h4{
|
||||
font-size:1.25rem;
|
||||
}
|
||||
p{
|
||||
font-size:0.875rem;
|
||||
line-height:1.4;
|
||||
}
|
||||
img{
|
||||
@include respond('phone-land') {
|
||||
width: 3.75rem;
|
||||
float:#{$dlab-pos-left};
|
||||
}
|
||||
}
|
||||
.media-footer{
|
||||
min-width: 9.375rem;
|
||||
@include respond('laptop') {
|
||||
min-width: 6.875rem;
|
||||
}
|
||||
}
|
||||
.star-review{
|
||||
@include respond('phone-land') {
|
||||
margin-top: 0.9375rem;
|
||||
}
|
||||
span{
|
||||
display: block;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 600;
|
||||
margin-bottom: 0.9375rem;
|
||||
line-height: 1.3;
|
||||
@include respond('phone-land') {
|
||||
font-size: 1rem;
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
i{
|
||||
font-size: 1.125rem;
|
||||
margin: 0 0.125rem;
|
||||
@include respond('laptop') {
|
||||
font-size: 1rem;
|
||||
margin: 0 0.0625rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.patient-box{
|
||||
@include respond('phone-land') {
|
||||
display:block !important;
|
||||
}
|
||||
.up-sign{
|
||||
i{
|
||||
font-size:3.125rem;
|
||||
line-height: 0.7;
|
||||
}
|
||||
@include respond('phone-land') {
|
||||
float:#{$dlab-pos-right};
|
||||
}
|
||||
}
|
||||
img{
|
||||
@include respond('phone-land') {
|
||||
width:6.25rem;
|
||||
float:#{$dlab-pos-left};
|
||||
}
|
||||
}
|
||||
}
|
||||
.patient-calender{
|
||||
color: #fff;
|
||||
.bootstrap-datetimepicker-widget table{
|
||||
td,
|
||||
th{
|
||||
padding: 0.9375rem 0.3125rem;
|
||||
border-radius: $radius;
|
||||
}
|
||||
th {
|
||||
height: 1.25rem;
|
||||
line-height: 1.25rem;
|
||||
width: 1.25rem;
|
||||
font-weight: 400;
|
||||
opacity: 0.7;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
td.active,
|
||||
td.active:hover,
|
||||
span,
|
||||
i{
|
||||
color:$white;
|
||||
}
|
||||
thead tr:first-child th{
|
||||
font-size: 1.125rem;
|
||||
font-weight: 600;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.btn-primary{
|
||||
border:0;
|
||||
padding:0.625rem;
|
||||
}
|
||||
.btn-primary,
|
||||
td span.active,
|
||||
td i.active,
|
||||
thead tr:first-child th:hover,
|
||||
td span:hover,
|
||||
td i:hover,
|
||||
td.day:hover,
|
||||
td.hour:hover,
|
||||
td.minute:hover,
|
||||
td.second:hover{
|
||||
background:rgba(0,0,0,0.2);
|
||||
}
|
||||
}
|
||||
.datepicker table tr td.active, .datepicker table tr td.today{
|
||||
background: rgba(0, 0, 0, 0.2) !important;
|
||||
}
|
||||
}
|
||||
.abilities-chart{
|
||||
.ct-chart .ct-label{
|
||||
font-size:1rem;
|
||||
fill:$black;
|
||||
}
|
||||
.ct-chart .ct-series.ct-series-a .ct-slice-donut{
|
||||
stroke:#209f84;
|
||||
}
|
||||
.ct-chart .ct-series.ct-series-b .ct-slice-donut{
|
||||
stroke:#07654e;
|
||||
}
|
||||
.ct-chart .ct-series.ct-series-c .ct-slice-donut{
|
||||
stroke:#93cbff;
|
||||
}
|
||||
.chart-point{
|
||||
font-size: 1rem;
|
||||
justify-content: space-between;
|
||||
margin-top: 2.5rem;
|
||||
}
|
||||
.chart-point .a,
|
||||
.chart-point .b,
|
||||
.chart-point .c{
|
||||
width: 2rem;
|
||||
height: 0.5rem;
|
||||
display: block;
|
||||
border-radius: 0.5rem;
|
||||
margin-#{$dlab-pos-left}: auto;
|
||||
margin-#{$dlab-pos-right}: auto;
|
||||
margin-bottom: 0.625rem;
|
||||
}
|
||||
.chart-point .a{
|
||||
background:#07654e;
|
||||
}
|
||||
.chart-point .b{
|
||||
background:#209f84;
|
||||
}
|
||||
.chart-point .c{
|
||||
background:#93cbff;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
24
public/scss/pages/_page-error.scss
Normal file
24
public/scss/pages/_page-error.scss
Normal file
@@ -0,0 +1,24 @@
|
||||
.error-page{
|
||||
.error-text {
|
||||
font-size: 9.375rem;
|
||||
line-height: 1;
|
||||
|
||||
@include respond('phone') {
|
||||
font-size: 5rem;
|
||||
}
|
||||
}
|
||||
h4{
|
||||
font-size: 2.4rem;
|
||||
margin-bottom: 0.3125rem;
|
||||
|
||||
@include respond('phone') {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
}
|
||||
p{
|
||||
font-size: 1rem;
|
||||
@include respond('phone') {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
27
public/scss/pages/_pages.scss
Normal file
27
public/scss/pages/_pages.scss
Normal file
@@ -0,0 +1,27 @@
|
||||
@import "./page-error";
|
||||
@import "./page-auth";
|
||||
@import "./page-doctor-details";
|
||||
|
||||
|
||||
|
||||
//specific HTML pages scss
|
||||
@import "./homepage";
|
||||
@import "./job-page";
|
||||
@import "./my-profile";
|
||||
@import "./statistics-page";
|
||||
@import "./job-list";
|
||||
@import "./content";
|
||||
@import "./_login";
|
||||
|
||||
|
||||
|
||||
|
||||
@import "./ecom-product-detail";
|
||||
@import "./ecom-product-grid";
|
||||
@import "./ecom-product-list";
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
77
public/scss/pages/_statistics-page.scss
Normal file
77
public/scss/pages/_statistics-page.scss
Normal file
@@ -0,0 +1,77 @@
|
||||
.static-icon{
|
||||
text-align:center;
|
||||
|
||||
span{
|
||||
i{
|
||||
height:3.813rem;
|
||||
width:3.813rem;
|
||||
background:var(--rgba-primary-1);
|
||||
text-align:center;
|
||||
line-height:3.813rem;
|
||||
color:var(--primary);
|
||||
border-radius: 3.813rem;
|
||||
font-size:1.7rem;
|
||||
margin-bottom:1rem;
|
||||
|
||||
@include respond ('phone'){
|
||||
font-size:1.3rem;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
@include respond('tab-port'){
|
||||
margin-bottom:1.5rem;
|
||||
}
|
||||
}
|
||||
.shapreter-row{
|
||||
&>div{
|
||||
border-#{$dlab-pos-right}:1px solid #eee;
|
||||
&:last-child{
|
||||
border-#{$dlab-pos-right}:0;
|
||||
}
|
||||
}
|
||||
@include respond ('tab-port'){
|
||||
&>div{
|
||||
&:nth-child(-n+3){
|
||||
border-bottom:1px solid #eee;
|
||||
}
|
||||
&:nth-child(n+4){
|
||||
padding-top:1.5rem;
|
||||
}
|
||||
&:nth-child(3){
|
||||
border-#{$dlab-pos-right}:0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@include respond ('phone'){
|
||||
&>div{
|
||||
border:0;
|
||||
&:nth-child(odd){
|
||||
border-#{$dlab-pos-right}:1px solid #eee;
|
||||
}
|
||||
&:nth-child(-n+4){
|
||||
border-bottom:1px solid #eee;
|
||||
}
|
||||
&:nth-child(n+3){
|
||||
padding-top:1.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.bg-vigit{
|
||||
background:#F6AD2E;
|
||||
}
|
||||
.bg-contact{
|
||||
background:var(--primary);
|
||||
}
|
||||
.bg-follow{
|
||||
background:#412EFF;
|
||||
}
|
||||
#chartBar{
|
||||
svg{
|
||||
text tspan {
|
||||
fill: #828690;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user