review changes
This commit is contained in:
rahul shukla
commit
30ade42635
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
|||
{
|
||||
"/js/admin.js": "/js/admin.js?id=3ab4c41f63421ff5a994",
|
||||
"/js/admin.js": "/js/admin.js?id=463fcd59d49e91caa65c",
|
||||
"/css/admin.css": "/css/admin.css?id=201f91bc553baa11139f"
|
||||
}
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
require("./bootstrap");
|
||||
window.jQuery = window.$ = $ = require("jquery");
|
||||
window.Vue = require("vue");
|
||||
window.VeeValidate = require("vee-validate");
|
||||
require("./bootstrap");
|
||||
|
||||
Vue.use(VeeValidate);
|
||||
|
||||
|
|
|
|||
|
|
@ -1,27 +1,3 @@
|
|||
|
||||
window._ = require('lodash');
|
||||
window.Popper = require('popper.js').default;
|
||||
|
||||
/**
|
||||
* We'll load jQuery and the Bootstrap jQuery plugin which provides support
|
||||
* for JavaScript based Bootstrap features such as modals and tabs. This
|
||||
* code may be modified to fit the specific needs of your application.
|
||||
*/
|
||||
|
||||
try {
|
||||
window.$ = window.jQuery = require('jquery');
|
||||
|
||||
require('bootstrap');
|
||||
} catch (e) {}
|
||||
|
||||
/**
|
||||
* We'll load the axios HTTP library which allows us to easily issue requests
|
||||
* to our Laravel back-end. This library automatically handles sending the
|
||||
* CSRF token as a header based on the value of the "XSRF" token cookie.
|
||||
*/
|
||||
|
||||
window.axios = require('axios');
|
||||
|
||||
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
|
||||
|
||||
/**
|
||||
|
|
@ -36,21 +12,4 @@ if (token) {
|
|||
window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
|
||||
} else {
|
||||
console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
|
||||
}
|
||||
|
||||
/**
|
||||
* Echo exposes an expressive API for subscribing to channels and listening
|
||||
* for events that are broadcast by Laravel. Echo and event broadcasting
|
||||
* allows your team to easily build robust real-time web applications.
|
||||
*/
|
||||
|
||||
// import Echo from 'laravel-echo'
|
||||
|
||||
// window.Pusher = require('pusher-js');
|
||||
|
||||
// window.Echo = new Echo({
|
||||
// broadcaster: 'pusher',
|
||||
// key: process.env.MIX_PUSHER_APP_KEY,
|
||||
// cluster: process.env.MIX_PUSHER_APP_CLUSTER,
|
||||
// encrypted: true
|
||||
// });
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,8 +1,8 @@
|
|||
require("./bootstrap");
|
||||
window.jQuery = window.$ = $ = require("jquery");
|
||||
window.Vue = require("vue");
|
||||
window.VeeValidate = require("vee-validate");
|
||||
window.axios = require("axios");
|
||||
require("./bootstrap");
|
||||
|
||||
Vue.use(VeeValidate);
|
||||
Vue.prototype.$http = axios
|
||||
|
|
|
|||
|
|
@ -1,27 +1,3 @@
|
|||
|
||||
window._ = require('lodash');
|
||||
window.Popper = require('popper.js').default;
|
||||
|
||||
/**
|
||||
* We'll load jQuery and the Bootstrap jQuery plugin which provides support
|
||||
* for JavaScript based Bootstrap features such as modals and tabs. This
|
||||
* code may be modified to fit the specific needs of your application.
|
||||
*/
|
||||
|
||||
try {
|
||||
window.$ = window.jQuery = require('jquery');
|
||||
|
||||
require('bootstrap');
|
||||
} catch (e) {}
|
||||
|
||||
/**
|
||||
* We'll load the axios HTTP library which allows us to easily issue requests
|
||||
* to our Laravel back-end. This library automatically handles sending the
|
||||
* CSRF token as a header based on the value of the "XSRF" token cookie.
|
||||
*/
|
||||
|
||||
window.axios = require('axios');
|
||||
|
||||
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
|
||||
|
||||
/**
|
||||
|
|
@ -36,21 +12,4 @@ if (token) {
|
|||
window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
|
||||
} else {
|
||||
console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
|
||||
}
|
||||
|
||||
/**
|
||||
* Echo exposes an expressive API for subscribing to channels and listening
|
||||
* for events that are broadcast by Laravel. Echo and event broadcasting
|
||||
* allows your team to easily build robust real-time web applications.
|
||||
*/
|
||||
|
||||
// import Echo from 'laravel-echo'
|
||||
|
||||
// window.Pusher = require('pusher-js');
|
||||
|
||||
// window.Echo = new Echo({
|
||||
// broadcaster: 'pusher',
|
||||
// key: process.env.MIX_PUSHER_APP_KEY,
|
||||
// cluster: process.env.MIX_PUSHER_APP_CLUSTER,
|
||||
// encrypted: true
|
||||
// });
|
||||
}
|
||||
|
|
@ -148,7 +148,7 @@ input {
|
|||
//components
|
||||
.bold {
|
||||
font-weight: bold;
|
||||
color: #3A3A3A;
|
||||
color: $bold-color;
|
||||
}
|
||||
|
||||
/* The container */
|
||||
|
|
@ -178,7 +178,7 @@ input {
|
|||
height: 16px;
|
||||
width: 16px;
|
||||
background-color: white;
|
||||
border: 2px solid #FF6472;
|
||||
border: 2px solid $disc-price;
|
||||
border-radius: 50%;
|
||||
}
|
||||
/* Create the indicator (the dot/circle - hidden when not checked) */
|
||||
|
|
@ -194,19 +194,10 @@ input {
|
|||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
background: #FF6472;
|
||||
background: $disc-price;
|
||||
}
|
||||
}
|
||||
|
||||
/* Verify Email */
|
||||
.verify-account {
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
background-color: $border-color;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Show the indicator (dot/circle) when checked */
|
||||
.radio-container input:checked ~ .checkmark:after {
|
||||
display: block;
|
||||
|
|
@ -233,13 +224,13 @@ input {
|
|||
}
|
||||
|
||||
.regular-price {
|
||||
color: #A5A5A5;
|
||||
color: $font-color-light;
|
||||
text-decoration: line-through;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.special-price {
|
||||
color: #FF6472;
|
||||
color: $disc-price;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -374,7 +365,7 @@ input {
|
|||
max-height: 350px;
|
||||
max-width: 280px;
|
||||
margin-bottom: 10px;
|
||||
background: #F2F2F2;
|
||||
background: $background-color;
|
||||
|
||||
img {
|
||||
display: block;
|
||||
|
|
@ -435,15 +426,15 @@ input {
|
|||
text-transform: uppercase;
|
||||
padding: 4px 13px;
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
color: $btn-background-color;
|
||||
box-shadow: 1px 1px 1px #cccccc;
|
||||
|
||||
&.sale {
|
||||
background: #FF6472;
|
||||
background: $disc-price;
|
||||
}
|
||||
|
||||
&.new {
|
||||
background: #2ED04C;
|
||||
background: $sticker-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -600,13 +591,6 @@ input {
|
|||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 530px) {
|
||||
.main-container-wrapper {
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
//slider styles
|
||||
section.slider-block {
|
||||
display: block;
|
||||
|
|
@ -773,7 +757,7 @@ section.slider-block {
|
|||
border-bottom-right-radius: 3px;
|
||||
|
||||
button {
|
||||
background: #fff;
|
||||
background: $btn-background-color;
|
||||
border: 0;
|
||||
padding: 3px 5px;
|
||||
}
|
||||
|
|
@ -927,7 +911,7 @@ section.slider-block {
|
|||
}
|
||||
|
||||
.dropdown-content .item-details{
|
||||
max-height: 125px;
|
||||
height: 75px;
|
||||
}
|
||||
|
||||
.item-details .item-name {
|
||||
|
|
@ -936,12 +920,6 @@ section.slider-block {
|
|||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.item-details .item-options {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.item-details .item-price {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
|
@ -981,7 +959,7 @@ section.slider-block {
|
|||
}
|
||||
|
||||
li:last-child {
|
||||
margin-right: 0px;
|
||||
margin-right: -2px;
|
||||
}
|
||||
|
||||
ul {
|
||||
|
|
@ -1146,7 +1124,6 @@ section.slider-block {
|
|||
|
||||
@media all and (max-width: 720px) {
|
||||
.header {
|
||||
|
||||
.currency-switcher {
|
||||
display: none !important;
|
||||
}
|
||||
|
|
@ -1246,7 +1223,7 @@ section.slider-block {
|
|||
padding-top: 25px;
|
||||
|
||||
a {
|
||||
color: #242424;
|
||||
color: $font-color;
|
||||
}
|
||||
|
||||
li {
|
||||
|
|
@ -1320,12 +1297,16 @@ section.slider-block {
|
|||
width: 100%;
|
||||
height: 120px;
|
||||
font-size: 16px;
|
||||
color: #A5A5A5;
|
||||
color: $font-color-light;
|
||||
letter-spacing: -0.26px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
p {
|
||||
padding: 0px 15px;
|
||||
}
|
||||
}
|
||||
|
||||
//category page
|
||||
|
|
@ -1354,7 +1335,7 @@ section.slider-block {
|
|||
|
||||
.filter-attributes-title {
|
||||
padding: 10px 40px 0 10px;
|
||||
color: #5E5E5E;
|
||||
color: $other-font-color;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
|
||||
|
|
@ -1385,7 +1366,7 @@ section.slider-block {
|
|||
|
||||
li.item {
|
||||
padding: 8px 0;
|
||||
color: #5E5E5E;
|
||||
color: $other-font-color;
|
||||
|
||||
.checkbox {
|
||||
margin: 0;
|
||||
|
|
@ -1427,6 +1408,7 @@ section.slider-block {
|
|||
width: 100%;
|
||||
float: none;
|
||||
padding-right: 0px;
|
||||
margin-top: -25px !important;
|
||||
}
|
||||
|
||||
.category-block {
|
||||
|
|
@ -1658,7 +1640,6 @@ section.product-detail {
|
|||
width: 100%;
|
||||
max-height: 480px;
|
||||
height: 100%;
|
||||
box-shadow: 1px 1px 2px $border-color;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
|
|
@ -1696,12 +1677,17 @@ section.product-detail {
|
|||
display: none;
|
||||
flex-direction: row;
|
||||
margin-top: 10px;
|
||||
width: 79.5%;
|
||||
float: right;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
justify-content: flex-end;
|
||||
|
||||
.wrap {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.addtocart {
|
||||
border-radius: 0px;
|
||||
width: 49%;
|
||||
background: black;
|
||||
white-space: nowrap;
|
||||
|
|
@ -1709,7 +1695,9 @@ section.product-detail {
|
|||
}
|
||||
|
||||
.buynow {
|
||||
border-radius: 0px;
|
||||
width: 49%;
|
||||
float:right;
|
||||
white-space: nowrap;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
|
@ -1755,10 +1743,10 @@ section.product-detail {
|
|||
.stock-status {
|
||||
margin-bottom: 15px;
|
||||
font-weight: 600;
|
||||
color: #FC6868;
|
||||
color: $rating-color;
|
||||
|
||||
&.active {
|
||||
color: #4CAF50;
|
||||
color: $stock-color;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1813,7 +1801,7 @@ section.product-detail {
|
|||
|
||||
// product pages responsive css start here
|
||||
@media only screen and (max-width: 720px) {
|
||||
section.product-detail div.layouter form {
|
||||
section.product-detail div.layouter .form-container {
|
||||
flex-direction: column;
|
||||
|
||||
div.product-image-group {
|
||||
|
|
@ -1857,6 +1845,11 @@ section.product-detail {
|
|||
width: 480px;
|
||||
}
|
||||
}
|
||||
|
||||
.wrap {
|
||||
flex-direction: row;
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1868,7 +1861,7 @@ section.product-detail {
|
|||
}
|
||||
|
||||
@media only screen and (max-width: 510px) {
|
||||
section.product-detail div.layouter form {
|
||||
section.product-detail div.layouter .form-container {
|
||||
div.product-image-group {
|
||||
.product-hero-image img {
|
||||
width: 100% !important;
|
||||
|
|
@ -1877,11 +1870,15 @@ section.product-detail {
|
|||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 510px) {
|
||||
section.product-detail div.layouter form {
|
||||
.details {
|
||||
margin-top: -90px;
|
||||
}
|
||||
@media only screen and (max-width: 480px) {
|
||||
section.product-detail div.layouter .form-container .details {
|
||||
margin-top: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 360px) {
|
||||
section.product-detail div.layouter .form-container .details {
|
||||
margin-top: -120px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -2522,7 +2519,7 @@ section.review {
|
|||
}
|
||||
|
||||
.product-name a {
|
||||
color: #242424;
|
||||
color: $font-color;
|
||||
}
|
||||
|
||||
.product-price {
|
||||
|
|
@ -2548,7 +2545,7 @@ section.review {
|
|||
width: 49%;
|
||||
|
||||
.heading {
|
||||
color: #242424;
|
||||
color: $font-color;
|
||||
font-weight: 600;
|
||||
|
||||
.right {
|
||||
|
|
@ -2558,18 +2555,19 @@ section.review {
|
|||
}
|
||||
|
||||
.rating {
|
||||
color: $font-color-light;
|
||||
color: $bold-color;
|
||||
font-size: 15px;
|
||||
|
||||
.rating-title::after {
|
||||
content: "*";
|
||||
color: #FC6868;
|
||||
color: $rating-color;
|
||||
font-weight: 700;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
label.star {
|
||||
font-size: 25px;
|
||||
color: #d4d4d4;
|
||||
color: $star-color;
|
||||
transition: all .2s;
|
||||
}
|
||||
|
||||
|
|
@ -2579,36 +2577,16 @@ section.review {
|
|||
}
|
||||
|
||||
.control-group {
|
||||
label {
|
||||
color: $font-color-light;
|
||||
font-size: 16px;
|
||||
}
|
||||
.control {
|
||||
width: 90%;
|
||||
color: $font-color-light;
|
||||
}
|
||||
}
|
||||
|
||||
.control-error {
|
||||
color: #ff5656;
|
||||
color: $error-color;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.write-review {
|
||||
label {
|
||||
color: $font-color-light;
|
||||
font-size: 16px;
|
||||
}
|
||||
textarea {
|
||||
margin-top: 5px;
|
||||
border: 2px solid $border-color;
|
||||
color: $font-color-light;
|
||||
border-radius: 3px;
|
||||
width: 90%;
|
||||
height: 120px;
|
||||
}
|
||||
}
|
||||
|
||||
.review-detail{
|
||||
height: 150px;
|
||||
border: 1px solid firebrick;
|
||||
|
|
@ -2690,10 +2668,10 @@ section.review {
|
|||
width: calc(100% - 100px);
|
||||
margin-right: 5px;
|
||||
margin-left: 5px;
|
||||
background: #D8D8D8;
|
||||
background: $line-bar-color;
|
||||
|
||||
.line-value {
|
||||
background-color: #0031F0;
|
||||
background-color: $brand-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -2725,8 +2703,12 @@ section.review {
|
|||
width: 100%;
|
||||
margin-left: 0px;
|
||||
|
||||
.heading .right {
|
||||
margin-top: 50px;
|
||||
.heading {
|
||||
margin-bottom: 70px;
|
||||
|
||||
.right {
|
||||
margin-top: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
.ratings-reviews {
|
||||
|
|
@ -2751,7 +2733,6 @@ section.review {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
//review responsive css end here
|
||||
|
||||
|
||||
|
|
@ -2779,7 +2760,7 @@ section.review {
|
|||
border: 1px solid $border-color;
|
||||
flex-direction: column;
|
||||
max-width: 500px;
|
||||
min-width: 380px;
|
||||
min-width: 320px;
|
||||
padding: 25px;
|
||||
|
||||
.login-text {
|
||||
|
|
@ -2845,7 +2826,7 @@ section.review {
|
|||
text-align: center;
|
||||
|
||||
a {
|
||||
color: #5E5E5E;
|
||||
color: $other-font-color;
|
||||
}
|
||||
|
||||
.icon {
|
||||
|
|
@ -3096,13 +3077,13 @@ section.review {
|
|||
}
|
||||
|
||||
.sale-container {
|
||||
color: #5E5E5E;
|
||||
color: $other-font-color;
|
||||
|
||||
.sale-section {
|
||||
|
||||
.secton-title {
|
||||
font-size: 18px;
|
||||
color: #8E8E8E;
|
||||
color: $title-color;
|
||||
padding: 15px 0;
|
||||
border-bottom: 1px solid $border-color;
|
||||
}
|
||||
|
|
@ -3110,7 +3091,7 @@ section.review {
|
|||
.section-content {
|
||||
display: block;
|
||||
padding: 20px 0;
|
||||
border-bottom: 1px solid #E8E8E8;
|
||||
border-bottom: 1px solid $address-card-border-color;
|
||||
|
||||
.row {
|
||||
display: block;
|
||||
|
|
@ -3139,11 +3120,11 @@ section.review {
|
|||
.box-title {
|
||||
padding: 10px 0;
|
||||
font-size: 18px;
|
||||
color: #8E8E8E;
|
||||
color: $title-color;
|
||||
}
|
||||
|
||||
.box-content {
|
||||
color: #3A3A3A;
|
||||
color: $bold-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -3162,7 +3143,7 @@ section.review {
|
|||
padding-top: 20px;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
border-top: solid 1px #E8E8E8;
|
||||
border-top: solid 1px $address-card-border-color;
|
||||
|
||||
.sale-summary {
|
||||
height: 130px;
|
||||
|
|
@ -3174,7 +3155,7 @@ section.review {
|
|||
td {
|
||||
padding: 5px 8px;
|
||||
width: auto;
|
||||
color: #3A3A3A;
|
||||
color: $bold-color;
|
||||
}
|
||||
|
||||
&.bold {
|
||||
|
|
@ -3254,6 +3235,20 @@ section.review {
|
|||
}
|
||||
}
|
||||
|
||||
//verify account
|
||||
.verify-account {
|
||||
text-align: center;
|
||||
background: $info-color;
|
||||
width: 200px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
border-radius: 4px;
|
||||
|
||||
a {
|
||||
color: $btn-background-color !important;
|
||||
}
|
||||
}
|
||||
|
||||
// css for loader
|
||||
.cp-spinner {
|
||||
position: absolute;
|
||||
|
|
@ -3270,3 +3265,500 @@ section.review {
|
|||
}
|
||||
}
|
||||
|
||||
//css for responsive error pages
|
||||
@media only screen and (max-width: 720px) {
|
||||
.error-container .wrapper {
|
||||
flex-direction: column-reverse !important;
|
||||
margin: 10px 0px 20px 0px !important;
|
||||
align-items: start !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/// rtl css start here
|
||||
|
||||
.rtl {
|
||||
direction: rtl;
|
||||
|
||||
//header css start here
|
||||
.header {
|
||||
.header-top {
|
||||
div.left-content {
|
||||
ul.logo-container {
|
||||
margin-right: 0px;
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
ul.search-container li.search-group {
|
||||
.search-field {
|
||||
border-left: none;
|
||||
border-right: 2px solid $border-color;
|
||||
padding-right: 12px;
|
||||
padding-left: 0px;
|
||||
}
|
||||
.search-icon-wrapper {
|
||||
border: 2px solid $border-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.right-content {
|
||||
.currency-switcher .dropdown-list {
|
||||
left: 0px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
ul.cart-dropdown-container {
|
||||
float: left;
|
||||
margin-left: 0px;
|
||||
|
||||
li.cart-dropdown {
|
||||
.cart-icon {
|
||||
margin-right: 0px;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.dropdown-list {
|
||||
left: 0px !important;
|
||||
right: auto !important;
|
||||
}
|
||||
|
||||
.dropdown-container .dropdown-content .item img {
|
||||
margin-right: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.header-bottom {
|
||||
.nav > li {
|
||||
float: right;
|
||||
margin-right: 0px;
|
||||
margin-left: 1px;
|
||||
}
|
||||
|
||||
.nav a {
|
||||
padding: 0.8em 0.5em 0.8em 0.3em !important;
|
||||
}
|
||||
|
||||
.nav li a > .icon {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.nav > li li:hover > ul {
|
||||
left: unset !important;
|
||||
right: 100% !important;
|
||||
}
|
||||
}
|
||||
|
||||
.search-responsive .search-content .right {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-list {
|
||||
text-align: right;
|
||||
|
||||
&.bottom-right {
|
||||
left: 0px;
|
||||
right: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 720px) {
|
||||
.header{
|
||||
.header-top ul.right-responsive {
|
||||
margin-left: 0px;
|
||||
|
||||
li {
|
||||
margin: 0px;
|
||||
|
||||
&:last-child {
|
||||
margin-right: 5px;
|
||||
margin-left: -2px;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.header-bottom {
|
||||
.nav > li {
|
||||
float: none;
|
||||
}
|
||||
.nav li > .icon {
|
||||
float: left;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.icon.icon-arrow-down {
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// header css end here
|
||||
|
||||
// slider start
|
||||
section.slider-block div.slider-content div.slider-control {
|
||||
left: 2%;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 720px) {
|
||||
section.slider-block div.slider-content div.slider-control {
|
||||
left: 0%;
|
||||
}
|
||||
}
|
||||
//slider end
|
||||
|
||||
// product card
|
||||
.main-container-wrapper .product-card .sticker {
|
||||
left: auto;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
.main-container-wrapper .product-card .cart-wish-wrap .addtocart {
|
||||
margin-right: 0px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
// product card end
|
||||
|
||||
// product page start here
|
||||
section.product-detail div.layouter .form-container {
|
||||
div.product-image-group {
|
||||
margin-right: 0px;
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
div .thumb-list {
|
||||
margin-left: 4px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
.details .product-ratings .total-reviews {
|
||||
margin-left: 0px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 720px) {
|
||||
section.product-detail div.layouter .form-container div.product-image-group {
|
||||
margin-right: 0px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
// product page end here
|
||||
|
||||
//category page start here
|
||||
.main .category-container .layered-filter-wrapper, .main .category-container .responsive-layred-filter {
|
||||
padding-right: 0px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.main .top-toolbar {
|
||||
.pager {
|
||||
float: left;
|
||||
|
||||
.view-mode {
|
||||
margin-right: 0px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.sorter {
|
||||
margin-right: 0px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
label {
|
||||
margin-right: 0px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.page-info {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
//category page end here
|
||||
|
||||
//product review page
|
||||
section.review .review-layouter .review-form {
|
||||
margin-left: 0px;
|
||||
margin-right: 20px;
|
||||
|
||||
.heading .right {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.ratings-reviews .right-side .rater {
|
||||
.star-name {
|
||||
margin-right: 0px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 770px) {
|
||||
section.review .review-layouter .review-form {
|
||||
margin-right: 0px;
|
||||
}
|
||||
}
|
||||
//product review page end here
|
||||
|
||||
//add to cart start here
|
||||
section.cart .cart-content {
|
||||
.left-side {
|
||||
width: 70%;
|
||||
float: right;
|
||||
|
||||
.misc-controls a.link {
|
||||
margin-left: 15px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.right-side {
|
||||
width: 30%;
|
||||
padding-right: 40px;
|
||||
padding-left: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.order-summary .item-detail, .payble-amount {
|
||||
label.right {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.item div {
|
||||
margin-left: 15px;
|
||||
margin-right: 0px !important;
|
||||
}
|
||||
|
||||
.cart-item-list .item .item-details .misc {
|
||||
div.qty-text {
|
||||
margin-right: 0px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
input.box {
|
||||
margin-right: 0px;
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
.remove {
|
||||
margin-left: 30px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 770px) {
|
||||
section.cart .cart-content {
|
||||
.left-side {
|
||||
width: 100%;
|
||||
float: none;
|
||||
}
|
||||
|
||||
.right-side {
|
||||
width: 100%;
|
||||
padding-right: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//add to cart page end here
|
||||
|
||||
//checkout process page start here
|
||||
.checkout-process {
|
||||
.col-right {
|
||||
padding-left: 0px;
|
||||
padding-right: 40px;
|
||||
}
|
||||
|
||||
.col-main {
|
||||
padding-left: 40px;
|
||||
padding-right: 0px;
|
||||
|
||||
ul.checkout-steps li span {
|
||||
margin-right: 7px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
.step-content {
|
||||
.form-header {
|
||||
h1 {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.btn {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.payment-methods .control-info {
|
||||
margin-right: 28px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
.order-description, .address {
|
||||
.pull-left, .billing-address {
|
||||
float: right !important;
|
||||
}
|
||||
|
||||
.pull-right, .shipping-address {
|
||||
float: left !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.checkbox {
|
||||
margin: 10px 0px 5px 5px;
|
||||
}
|
||||
|
||||
.radio {
|
||||
margin: 10px 0px 5px 5px;
|
||||
|
||||
.radio-view {
|
||||
margin-left: 5px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
input {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 770px) {
|
||||
.checkout-process .col-main {
|
||||
padding-left: 0px;
|
||||
}
|
||||
}
|
||||
//checkout process page end here
|
||||
|
||||
//customer page start here
|
||||
.account-content {
|
||||
.account-layout {
|
||||
margin-left: 0px;
|
||||
margin-right: 40px;
|
||||
}
|
||||
|
||||
.account-side-menu li {
|
||||
margin-right: 5%;
|
||||
margin-left: 0%;
|
||||
|
||||
.icon {
|
||||
left: 12px;
|
||||
right: auto;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.account-head .account-action {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.account-item-card {
|
||||
.media-info .info {
|
||||
margin-right: 20px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
.operations a span {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.table table {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.sale-container {
|
||||
.totals .sale-summary {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.sale-section .section-content .order-box-container {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 770px) {
|
||||
.account-content {
|
||||
.account-layout {
|
||||
margin-right: 0px;
|
||||
|
||||
.account-head {
|
||||
.account-action {
|
||||
margin-right: 15px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
.back-icon {
|
||||
transform: rotate(180deg);
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.responsive-side-menu .right {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.account-side-menu li {
|
||||
margin-right: 0%;
|
||||
}
|
||||
}
|
||||
}
|
||||
//customer page end here
|
||||
|
||||
// footer start
|
||||
.footer .footer-content .footer-list-container .list-container .list-group li span.icon {
|
||||
margin-left: 5px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
@media all and (max-width: 720px) {
|
||||
.footer {
|
||||
padding-right: 15px;
|
||||
padding-left: 10%;
|
||||
|
||||
.footer-list-container {
|
||||
padding-right: 0px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
// footer end
|
||||
|
||||
// css for loader
|
||||
.cp-spinner {
|
||||
position: absolute;
|
||||
left: auto;
|
||||
right: 26%;
|
||||
margin-top: calc(20% - 80px);
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 720px) {
|
||||
.cp-spinner {
|
||||
right: 50%;
|
||||
margin-right: -24px;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/// rtl css end here
|
||||
|
||||
|
|
|
|||
|
|
@ -75,7 +75,6 @@
|
|||
<div class="control-error" v-if="errors.has('rating')">@{{ errors.first('rating') }}</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="control-group mt-20" :class="[errors.has('title') ? 'has-error' : '']">
|
||||
<label for="title" class="required">
|
||||
{{ __('shop::app.reviews.title') }}
|
||||
|
|
@ -84,15 +83,13 @@
|
|||
<span class="control-error" v-if="errors.has('title')">@{{ errors.first('title') }}</span>
|
||||
</div>
|
||||
|
||||
<div class="write-review mt-20">
|
||||
<div class="control-group" :class="[errors.has('title') ? 'has-error' : '']">
|
||||
<label for="review" class="required">
|
||||
{{ __('admin::app.customers.reviews.comment') }}
|
||||
</label>
|
||||
<textarea type="text" class="control" name="comment" v-validate="'required'" value="{{ old('comment') }}">
|
||||
</textarea>
|
||||
<span class="control-error" v-if="errors.has('comment')">@{{ errors.first('comment') }}</span>
|
||||
</div>
|
||||
<div class="control-group" :class="[errors.has('comment') ? 'has-error' : '']">
|
||||
<label for="comment" class="required">
|
||||
{{ __('admin::app.customers.reviews.comment') }}
|
||||
</label>
|
||||
<textarea type="text" class="control" name="comment" v-validate="'required'" value="{{ old('comment') }}">
|
||||
</textarea>
|
||||
<span class="control-error" v-if="errors.has('comment')">@{{ errors.first('comment') }}</span>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-lg btn-primary">
|
||||
|
|
|
|||
Loading…
Reference in New Issue