admin/cartlog-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

inital commit

Browse Source
This commit is contained in:
Rohit Darekar
2026-01-01 15:25:19 +05:30
commit f0ae49465a
36361 changed files with 4894111 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
public/assets/scss/layout/_footer.scss Normal file
View File

@@ -0,0 +1,36 @@
/**=====================
Footer CSS Start
==========================**/
.footer {
background-color: $footer_bg_color;
box-shadow: $footer_box_shadow;
padding: 15px;
position: fixed;
bottom: 0;
right: 0;
width: calc(100vw - 280px);
transition: 0.5s;
z-index: 2;
@media (max-width: 1199px) {
width: calc(100vw - 260px);
}
@include mq-max(lg) {
width: 100%;
right: 0;
}
&.footer-dark {
background-color: $footer_dark_color;
p {
color: $white;
}
}
}
.footer-fix {
width: calc(100% - 280px);
position: fixed;
}

27
public/assets/scss/layout/_grid.scss Normal file
View File

@@ -0,0 +1,27 @@
/**=====================
GRID CSS Start
==========================**/
.grid-showcase {
margin-bottom: -10px;
span {
display: block;
border: 1px solid $light-color;
padding: 10px;
margin-bottom: 10px;
text-align: center;
background-color: $white;
}
}
.grid-align {
margin-bottom: -30px;
.row {
padding: 15px 0;
min-height: 10rem;
border: 1px solid rgba($primary-color, 0.02);
margin-bottom: 30px;
background-color: rgba($primary-color, 0.02);
}
}

511
public/assets/scss/layout/_header.scss Normal file
View File

@@ -0,0 +1,511 @@
/**=====================
Header CSS Start
==========================**/
.offcanvas,
.offcanvas-bookmark {
.page-wrapper {
.page-body-wrapper {
.page-body {
position: relative;
filter: blur(5px) grayscale(100%);
}
}
}
}
.header-title {
font-size: calc(16px + (23 - 16) * ((100vw - 320px) / (1920 - 320)));
}
.logo-wrapper {
position: relative;
.toggle-sidebar {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
height: 40px;
width: 40px;
svg {
width: $header-wrapper-nav-icon-size;
height: $header-wrapper-nav-icon-size;
font-size: 22px;
color: $white;
}
i {
font-size: 22px;
color: $white;
}
&:before {
content: "";
position: absolute;
height: 40px;
width: 40px;
background-color: rgba($primary-color, 0.1);
border-radius: 100%;
left: -11px;
z-index: -2;
top: -8px;
transform: scale(0);
transition: all 0.3s ease;
}
&:hover {
&:before {
height: 100%;
width: 100%;
transform: scale(1);
transition: all 0.3s ease;
top: 0;
left: 0;
}
}
}
}
.onhover-dropdown {
cursor: pointer;
position: relative;
&:hover {
.onhover-show-div {
@extend %for-animated-hover-box;
}
}
}
.onhover-show-div {
top: 80px;
position: absolute;
z-index: 8;
background-color: $white;
transition: all linear 0.3s;
@extend %for-animated-hover;
li {
a {
svg {
margin-top: 0 !important;
path,
line {
color: $theme-body-font-color !important;
}
}
}
}
}
.left-header {
.level-menu {
.nav-link {
display: inline-block;
border-radius: 5px;
background-color: rgba($secondary-color, 0.15%);
transition: all 0.3s ease;
color: var(--theme-secondary);
margin-left: 10px;
&.active {
background-color: var(--theme-secondary);
color: $white;
transition: all 0.3s ease;
svg {
stroke: $white;
}
}
svg {
height: 18px;
margin-right: 5px;
vertical-align: middle;
stroke: var(--theme-secondary);
}
}
.header-level-menu {
position: absolute;
top: 59px;
background-color: $white;
border-radius: 5px;
width: 180px;
height: 0;
padding: 0.7rem 0.5rem;
box-shadow: 0 0 37px rgba(8, 21, 66, 0.1);
min-width: 180px;
opacity: 0;
visibility: hidden;
display: block !important;
transition: all 0.2s ease-in-out;
&.show {
opacity: 1;
visibility: visible;
height: 225px;
}
li {
padding: 0.5rem 1rem;
width: 100%;
transition: all 0.3s ease;
&:hover {
background-color: rgba($primary-color, 0.1);
border-radius: 5px;
transition: all 0.3s ease;
> a {
> span {
color: var(--theme-color);
transition: all 0.3s ease;
}
> svg {
stroke: var(--theme-color);
transition: all 0.3s ease;
}
}
}
}
> li {
position: relative;
width: 100%;
&:hover {
.header-level-sub-menu {
opacity: 1;
box-shadow: 0 0 37px rgba(8, 21, 66, 0.1);
animation: fadeInLeft 300ms ease-in-out;
}
}
a {
color: $dark-color;
}
svg {
width: 16px;
vertical-align: middle;
margin-right: 5px;
stroke: $dark-color;
}
span {
vertical-align: middle;
}
> .header-level-sub-menu {
position: absolute;
padding: 0.7rem 0.5rem;
left: 173px;
z-index: 9;
background-color: $white;
width: 170px;
border-radius: 5px;
top: 0;
opacity: 0;
animation: fadeInLeft 300ms ease-in-out;
}
}
}
}
.mega-menu {
.nav-link {
display: inline-block;
border-radius: 5px;
background-color: rgba($primary-color, 0.07%);
transition: all 0.3s ease;
&.active {
transition: all 0.3s ease;
color: $white;
background-color: var(--theme-color);
}
.according-menu {
display: none;
}
svg {
height: 18px;
margin-right: 5px;
vertical-align: middle;
}
}
}
.mega-menu-container {
min-width: 1100px;
position: absolute;
width: calc(100vw - 800px);
height: 0;
border-radius: 0px;
background-color: $white;
top: 59px;
left: -30px;
border-top: 1px solid $light-semi-gray;
padding-bottom: 20px;
padding-top: 10px;
padding-left: 20px;
box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
opacity: 0;
visibility: hidden;
display: block !important;
transition: all 0.2s ease-in-out;
&.show {
opacity: 1;
visibility: visible;
height: 300px;
}
.link-section {
> div {
h6 {
margin-top: 20px;
}
}
li {
width: 100%;
padding: 7px 0 7px 15px;
a {
transition: all 0.3s ease;
}
&:hover {
a {
color: var(--theme-color);
letter-spacing: 1.5px;
transition: all 0.3s ease;
}
}
}
}
.mega-box {
& + .mega-box {
padding-left: 30px;
border-left: 1px solid $light-semi-gray;
}
.doted {
li {
position: relative;
&:hover {
&:before {
background-color: var(--theme-color);
transition: all 0.3s ease;
}
}
&:before {
content: "";
position: absolute;
top: 15px;
height: 5px;
width: 5px;
background-color: $light-text;
left: 0;
border-radius: 100%;
transition: all 0.3s ease;
}
}
}
.dashed-links {
li {
position: relative;
&:hover {
&:before {
background-color: var(--theme-color);
transition: all 0.3s ease;
}
}
&:before {
content: "";
position: absolute;
top: 16px;
height: 2px;
width: 6px;
background-color: $light-text;
left: 0;
}
}
}
.icon {
li {
position: relative;
&:hover {
&:before {
color: var(--theme-color);
transition: all 0.3s ease;
}
}
&:before {
content: "\f101";
font-family: fontawesome;
position: absolute;
top: 7px;
left: 0px;
}
}
}
.svg-icon {
& ~ div {
h6 {
margin-top: 10px;
margin-bottom: 5px;
}
}
li {
padding-left: 0px;
&:hover {
&:before {
color: var(--theme-color);
transition: all 0.3s ease;
}
}
a {
svg {
width: 16px;
margin-right: 5px;
vertical-align: middle;
}
}
}
}
}
.submenu-title {
margin-top: 20px;
margin-left: 20px;
}
.according-menu {
display: none;
}
}
.horizontal-menu {
li {
display: inline-block;
}
}
}
.mega-menu {
.default-according {
.card {
.btn-link {
font-weight: 500;
color: gray;
}
.card-body {
font-size: 12px;
}
}
}
.onhover-show-div {
width: 1500px;
}
.card-body {
padding: 20px;
}
div {
> div {
a {
margin-bottom: 0px;
display: inline-block;
color: $theme-body-sub-title-color;
}
}
}
.list-unstyled {
div {
a {
padding: 8px 35px 8px 0;
transition: $sidebar-transition;
&:hover {
padding: 8px 35px 8px 10px;
transition: $sidebar-transition;
}
}
}
}
}
.header-option {
width: 80px;
background-color: #0da487;
color: white;
text-align: center;
padding: 5px 5px;
margin-left: 5px;
cursor: pointer;
}
.header-btns {
display: flex;
align-items: center;
gap: 15px;
.btn {
padding: calc(7px + (9 - 7) * ((100vw - 320px) / (1920 - 320)))
calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320))) !important;
}
}
.notification-setting li {
padding: 14px;
border-radius: 5px;
position: relative;
background-color: #f9f9f6;
h4 {
margin-bottom: 6px;
color: #333;
font-size: 17px;
font-weight: 500;
}
h5 {
color: #999;
display: flex;
align-items: center;
gap: 6px;
font-size: 15px;
}
}
.notification-setting li + li {
margin-top: 18px;
}

88
public/assets/scss/layout/_navs.scss Normal file
View File

@@ -0,0 +1,88 @@
/**=====================
NAV CSS Start
==========================**/
#accordionoc {
#collapseicon,
#collapseicon1 {
padding-top: 0px;
}
li {
button {
display: flex;
align-items: center;
}
}
}
.navs-icon.default-according.style-1 {
li {
button {
position: relative;
&:hover {
color: var(--theme-color) !important;
}
}
button[aria-expanded="true"] {
&:before {
right: 2px;
top: 6px;
}
}
button[aria-expanded="false"]:before {
right: 2px;
top: 6px;
}
}
}
.navs-icon {
padding: 30px;
li {
padding: 9px 0;
a {
color: $theme-body-font-color;
&:hover {
color: var(--theme-color);
}
}
ul {
padding-top: 9px;
}
}
}
.onhover-dropdown {
&.navs-dropdown {
&:hover {
.onhover-show-div {
&:before,
&:after {
right: 77px;
left: unset;
}
}
}
}
}
.icon-lists {
font-family: $font-rubik, $font-serif;
}
.pl-navs-inline {
padding-left: 30px !important;
}
.inline-nav {
li {
line-height: 1.3;
}
}

307
public/assets/scss/layout/_product.scss Normal file
View File

@@ -0,0 +1,307 @@
/**=====================
Product CSS Start
==========================**/
.add-to-cart-box {
background-color: #f8f8f8;
border-radius: 50px;
position: relative;
.btn-add-cart {
padding: calc(8px + (10 - 8) * ((100vw - 320px) / (1920 - 320))) 0;
width: 100%;
font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
margin-top: 10px;
color: $content-color;
border-radius: 50px;
font-weight: 500;
i {
@include center(vertical);
@include flex_common;
@include pseudowh(
$width: calc(30px + (37 - 30) * ((100vw - 320px) / (1920 - 320))),
$height: calc(30px + (37 - 30) * ((100vw - 320px) / (1920 - 320)))
);
background-color: #f9f9f6;
border-radius: 100%;
color: var(--theme-color);
position: absolute;
right: 5px;
@include mq-max(xs) {
display: none;
}
}
}
.qty-box {
@include pseudowh;
position: absolute;
top: 0;
left: 0;
margin: 0;
display: none;
&.open {
display: block;
}
.input-group {
background-color: var(--theme-color);
border-radius: 50px;
padding: 4px;
text-align: center;
z-index: 0;
justify-content: space-between;
button {
@include pseudowh(
$width: calc(29px + (35 - 29) * ((100vw - 320px) / (1920 - 320))),
$height: calc(29px + (35 - 29) * ((100vw - 320px) / (1920 - 320)))
);
@include flex_common;
border: none;
padding: 0;
background-color: var(--theme-color);
z-index: 0;
border-radius: 100% !important;
position: relative;
overflow: hidden;
&::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: $white;
opacity: 0.2;
z-index: -1;
}
i {
font-size: 13px;
color: $white;
margin-top: 1px;
}
&:focus {
box-shadow: none;
}
}
input {
height: auto;
background-color: transparent;
border: none;
padding: 0;
text-align: center;
font-size: 14px;
color: $white;
}
}
}
}
.product-box {
padding: 14px;
position: relative;
background-color: #f9f9f6;
border-radius: 5px;
transition: all 0.4s ease-in-out;
&:hover {
box-shadow: 0 0 8px rgba($title-color, 0.08);
.product-header {
.product-image {
.product-option {
bottom: 10px;
opacity: 1;
}
}
}
.product-header {
.product-image {
img {
transform: scale(1.1);
}
}
}
}
.product-header {
position: relative;
.product-image {
text-align: center;
padding: 20px;
display: block;
@include mq-max(xs) {
padding: 8px;
}
img {
@include pseudowh($width: 100%, $height: calc(100px + (140 - 100) * ((100vw - 320px) / (1920 - 320))));
object-fit: contain;
transition: all 0.3s ease-in-out;
}
.product-option {
@include center(horizontal);
@include flex_common($dis: flex, $align: center, $justify: space-between);
position: absolute;
bottom: -5px;
background-color: $white;
width: 100%;
padding: 10px 5px;
border-radius: 7px;
box-shadow: 0 0 8px rgba($title-color, 0.12);
opacity: 0;
transition: all 0.3s ease-in-out;
max-width: 230px;
@include mq-max(xs) {
display: none;
}
li {
position: relative;
width: 33.33%;
a {
color: $title-color;
.feather {
@include pseudowh($width: 17px, $height: auto);
color: $content-color;
}
}
+ li {
&:after {
@include pos;
@include pseudowh($width: 1px, $height: 100%);
top: 0;
left: 0;
background-color: $content-color;
opacity: 0.3;
[dir="rtl"] & {
left: unset;
right: 0;
}
}
}
}
}
}
.product-header-top {
@include flex_common($dis: flex, $align: center, $justify: space-between);
position: absolute;
top: 0;
left: 0;
width: 100%;
[dir="rtl"] & {
left: unset;
right: 0;
}
.label-new {
position: relative;
border-radius: 4px;
padding: 3px 8px;
color: $white;
&.bg-warning {
background: linear-gradient(-90deg, #ffbf65 -14.53%, #ffad39 99.15%) !important;
}
&.bg-theme {
background: var(--theme-color2) !important;
}
label {
font-size: 13px;
margin-top: 1px;
font-weight: 600;
}
}
.wishlist-button {
position: relative;
padding: 6px;
margin-left: auto;
background-color: $white;
box-shadow: 0 3px 3px rgba($title-color, 0.24);
border-radius: 100%;
z-index: 0;
[dir="rtl"] & {
margin-left: unset;
margin-right: auto;
}
.feather {
@include pseudowh($width: 15px, $height: 15px);
color: $content-color;
}
}
.close-button {
position: relative;
padding: 0;
z-index: 0;
.feather {
@include pseudowh($width: 20px, $height: auto);
color: $content-color;
}
}
}
}
.product-footer {
.product-detail {
.span-name {
font-size: 13px;
color: #50607c;
margin-bottom: calc(4px + (8 - 4) * ((100vw - 320px) / (1920 - 320)));
}
a {
color: $title-color;
&:hover {
color: $title-color;
}
}
.name {
font-weight: 500;
line-height: calc(21px + (24 - 21) * ((100vw - 320px) / (1920 - 320)));
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.unit {
font-size: 13px;
font-weight: 500;
margin-top: calc(6px + (10 - 6) * ((100vw - 320px) / (1920 - 320)));
color: #777;
}
}
.price {
margin-top: 6px;
font-weight: 600;
}
}
}

6245
public/assets/scss/layout/_rtl.scss Normal file
View File

File diff suppressed because it is too large Load Diff

163
public/assets/scss/layout/_search.scss Normal file
View File

@@ -0,0 +1,163 @@
/**=====================
Search CSS Start
==========================**/
.search-page {
.theme-form {
input {
border: 1px solid var(--theme-color);
padding-left: 20px;
border-radius: 10px 0 0 10px;
flex: 1 1 auto;
&::placeholder {
color: $primary-color;
}
&:focus {
outline: none;
}
}
.input-group {
.btn {
line-height: 32px;
font-size: 16px;
}
.form-control-plaintext {
background: transparent;
}
}
}
h6 {
line-height: 1.4;
}
.nav-link {
font-weight: 500;
text-transform: uppercase;
}
.border-tab {
&.nav-tabs {
.material-border {
border-bottom-width: 1px;
}
.nav-item {
.nav-link {
font-size: 15px;
padding: 10px 18px;
}
}
}
}
.media {
.media-body {
overflow: hidden;
}
}
.info-block {
padding: 30px;
border-radius: 15px;
border: 1px solid $light-color;
a {
color: #656565;
margin-bottom: 3px;
display: block;
}
h6 {
color: $primary-color;
}
+ .info-block {
margin-top: 20px;
}
}
.border-tab.nav-tabs {
align-items: left;
justify-content: end;
.nav-item {
width: auto;
}
}
.search-links {
h6 {
margin-bottom: 10px;
}
}
p {
text-transform: lowercase;
margin-bottom: 0;
color: #a5a2a2;
}
ul.search-info {
li {
display: inline-block;
font-size: 12px;
line-height: 1;
color: #586082;
+ li {
border-left: 1px solid lighten($dark-color, 50%);
padding-left: 8px;
margin-left: 8px;
}
i {
color: $warning-color;
&:not(:last-child) {
margin-right: 4px;
}
}
}
}
#video-links {
.embed-responsive + .embed-responsive {
margin-top: 30px;
}
}
}
.search-list {
margin-bottom: 30px;
width: auto;
display: inline-flex;
border-radius: 10px;
overflow: hidden;
border: 1px solid $primary-color;
border: none;
.nav-item {
background-color: rgba($primary-color, 0.1);
.nav-link {
border: none;
padding: 0.7rem 1.5rem;
opacity: 0.5;
&.active {
background-color: rgba($primary-color, 0.1);
color: var(--theme-color);
opacity: 1;
}
}
&.show,
&.active {
background-color: rgba($primary-color, 0.1);
}
}
}

322
public/assets/scss/layout/_select2.scss Normal file
View File

@@ -0,0 +1,322 @@
/**=====================
21. Select 2 CSS Start
==========================**/
.select2 {
max-width: 100%;
}
.tracker-title {
font-size: 28px;
letter-spacing: 1.2px;
margin: 0;
font-weight: 500;
}
.tracker-number {
p {
margin-bottom: 10px;
letter-spacing: 1.2px;
span {
font-weight: 500;
margin-left: 10px;
color: $black1;
}
}
}
.order-left-image {
margin-top: 0;
display: flex;
align-items: center;
@include mq-max(lg) {
display: block;
}
.tracking-product-image {
margin-right: 40px;
width: 24%;
[dir="rtl"] & {
margin-right: 0;
margin-left: 40px;
}
@include mq-max(lg) {
margin-bottom: 18px;
width: 50%;
margin-left: auto;
margin-right: auto;
[dir="rtl"] & {
margin-right: auto;
margin-left: auto;
}
}
@include mq-max(md) {
margin: 0 auto;
margin-bottom: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
}
}
.order-image-contain {
width: calc(100% - 30px);
@include mq-max(lg) {
width: 100%;
}
p {
margin-bottom: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));
letter-spacing: 0.05em;
span {
font-weight: 700;
margin-left: 10px;
color: #4a5568;
[dir="rtl"] & {
margin-left: 0;
margin-right: 10px;
}
}
}
h4 {
font-size: 22px;
letter-spacing: 0.03em;
margin-bottom: calc(12px + (23 - 12) * ((100vw - 320px) / (1920 - 320)));
font-weight: 700;
@include mq-max(md) {
font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320)));
}
}
h5 {
font-size: 18px;
letter-spacing: 0.03em;
margin-top: calc(12px + (23 - 12) * ((100vw - 320px) / (1920 - 320)));
font-weight: 600;
}
}
}
.order-address {
margin-top: 50px;
@include mq-max(2xs) {
margin-top: 20px;
}
li {
display: flex;
align-items: flex-start;
@include mq-max(2xs) {
display: block;
}
.left-box {
text-transform: capitalize;
min-width: 210px;
padding: 10px 0;
h6 {
font-weight: 500;
@include mq-max(2xs) {
color: #7e7e7e !important;
margin-bottom: -13px;
padding-bottom: 8px;
border-bottom: 1px solid #cacaca;
font-weight: 500;
}
}
}
.right-box {
padding: 10px 0;
width: 180px;
p {
margin-bottom: 0;
line-height: 1.6;
}
}
}
}
.select2-container--open {
.select2-dropdown {
z-index: 7;
}
}
.select2-container {
width: 100% !important;
}
.select2-drpdwn {
.select2-selection {
border-radius: 0 !important;
border-color: $light-color !important;
height: 40px !important;
padding: 5px;
}
.form-control {
border-radius: 5px;
}
.form-control-primary {
border-color: var(--theme-color);
color: var(--theme-color);
}
.form-control-secondary {
border-color: var(--theme-secondary);
color: var(--theme-secondary);
}
.form-control-success {
border-color: $success-color;
color: $success-color;
}
.form-control-info {
border-color: $info-color;
color: $info-color;
}
.form-control-warning {
border-color: $warning-color;
color: $warning-color;
}
.form-control-danger {
border-color: $danger-color;
color: $danger-color;
}
.form-control-inverse {
border-color: $dark-color;
color: $dark-color;
}
.form-control-primary-fill {
background-color: var(--theme-color);
color: $white;
}
.form-control-secondary-fill {
background-color: var(--theme-secondary);
color: $white;
}
.form-control-success-fill {
background-color: $success-color;
color: $white;
}
.form-control-info-fill {
background-color: $info-color;
color: $white;
}
.form-control-warning-fill {
background-color: $warning-color;
color: $white;
}
.form-control-danger-fill {
background-color: $danger-color;
color: $white;
}
.form-control-inverse-fill {
background-color: $dark-color;
color: $white;
}
}
$color_bon_jour_approx: #e0e0e0;
$color_cape_cod_approx: #424242;
.selection {
.select2-selection {
border-radius: 5px !important;
.select2-search__field {
margin-top: 0;
padding: 3px;
}
}
}
.select2-container--classic {
.select2-selection--multiple {
.select2-selection__choice {
padding: 2px 6px !important;
margin-top: 0 !important;
background-color: var(--theme-color) !important;
border-color: darken($primary-color, 10%) !important;
color: $white;
margin-right: 8px !important;
}
.select2-selection__choice__remove {
color: $white !important;
float: right;
margin-left: 0.5rem;
}
}
.select2-results__option--highlighted[aria-selected] {
background-color: $color_bon_jour_approx !important;
color: $color_cape_cod_approx !important;
}
.select2-results__options .select2-results__option[aria-selected="true"] {
background-color: var(--theme-color) !important;
color: $white !important;
}
}
.select2-container--default {
.select2-selection--single {
.select2-selection__arrow {
top: 7px !important;
right: 10px !important;
}
}
.select2-selection--multiple {
.select2-selection__choice {
padding: 2px 6px !important;
margin-top: 0 !important;
background-color: var(--theme-color) !important;
border-color: darken($primary-color, 10%) !important;
color: $white;
margin-right: 8px !important;
}
.select2-selection__choice__remove {
color: $white !important;
float: right;
margin-left: 0.5rem;
}
}
.select2-results__option--highlighted[aria-selected] {
background-color: $color_bon_jour_approx !important;
color: $color_cape_cod_approx !important;
}
.select2-results__options .select2-results__option[aria-selected="true"] {
background-color: var(--theme-color) !important;
color: $white !important;
}
}

3759
public/assets/scss/layout/_sidebar.scss Normal file
View File

File diff suppressed because it is too large Load Diff