PLP and cart functionality added, partial filter and sort modals

This commit is contained in:
2020-03-28 02:49:34 +05:30
parent c4a85afca3
commit e196e306cf
77 changed files with 679 additions and 284 deletions

View File

@@ -1,2 +0,0 @@
.Cart_c-Cart__3o6Xj{background:#f1f3f6;font-family:Verdana,Geneva,sans-serif;margin-top:64px;margin-bottom:46px}.c-Plp__c-SortAndFilterPanel__c-Search{margin-left:auto}.c-Plp__c-SortAndFilterPanel__c-CartIcon{margin-left:1rem;position:relative}.c-Plp__c-SortAndFilterPanel__c-CartIcon .c-Plp__c-SortAndFilterPanel__c-CartIcon__badge{position:absolute;top:-3px;right:-9px;padding:0 5px;border-radius:50%;background-color:#c70936;color:#fff;font-size:12px}.c-Cart__c-CartList__c-CartItem{padding:15px 0;margin-bottom:13px;background:#fff;border:1px solid #999;line-height:1}.c-Cart__c-CartList__c-CartItem [class*=col-]{padding-left:10px;padding-right:10px}.c-Cart__c-CartList__c-CartItem .c-Cart__c-CartList__c-CartItem__image{margin-bottom:.7rem}.c-Cart__c-CartList__c-CartItem .c-Cart__c-CartList__c-CartItem__name{font-size:14px}.c-SectionLoader{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);width:100%;height:100%;position:relative;top:0;left:0;z-index:10}.c-SectionLoader .c-SectionLoader__lds-ripple{display:inline-block;position:absolute;width:80px;height:80px}.c-SectionLoader .c-SectionLoader__lds-ripple div{position:absolute;border:4px solid #fff;opacity:1;border-radius:50%;-webkit-animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.c-SectionLoader .c-SectionLoader__lds-ripple div:nth-child(2){-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}@keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}.c-ItemPrice{line-height:12px;margin-bottom:.9rem;display:flex}.c-ItemPrice .c-ItemPrice__price{font-size:12px;font-weight:700;padding-right:.5rem}.c-ItemPrice .c-ItemPrice__price--strikethrough{color:#999;font-weight:700;font-size:10px;text-decoration:line-through;margin-left:6.4px}.c-ItemPrice .c-ItemPrice__discount{color:#4aa219;font-weight:700;font-size:10px;margin-left:auto}.c-CartList{padding:.8em 0}.c-CartList .c-CartList__emptyCart{background:#fff;margin-top:25%;border:1px solid #000;text-align:center;padding:1em}.c-CartList .c-CartList__emptyCart .c-CartList__emptyCart__information{color:#999}.c-Footer{display:flex;align-items:center;justify-content:center;position:fixed;left:0;bottom:0;width:100%;background-color:#4471ea;color:#f1f3f6;padding:.7em}.c-Footer p{margin-bottom:0;font-weight:700}
/*# sourceMappingURL=4.1a37ef52.chunk.css.map */

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1,2 +0,0 @@
.c-Plp__c-SortAndFilterPanel__c-Search{margin-left:auto}.c-Plp__c-SortAndFilterPanel__c-CartIcon{margin-left:1rem;position:relative}.c-Plp__c-SortAndFilterPanel__c-CartIcon .c-Plp__c-SortAndFilterPanel__c-CartIcon__badge{position:absolute;top:-3px;right:-9px;padding:0 5px;border-radius:50%;background-color:#c70936;color:#fff;font-size:12px}.c-Plp__c-SortAndFilterPanel{text-align:center}.c-Plp__c-SortAndFilterPanel .c-Plp__c-SortAndFilterPanel__tool{padding:.8rem;font-size:16px;font-weight:700;border:1px solid #e1e1e1}.c-Plp__c-SortAndFilterPanel .c-Plp__c-SortAndFilterPanel__tool .c-Plp__c-SortAndFilterPanel__toolContent{margin-bottom:0}.c-ItemPrice{line-height:12px;margin-bottom:.9rem;display:flex}.c-ItemPrice .c-ItemPrice__price{font-size:12px;font-weight:700;padding-right:.5rem}.c-ItemPrice .c-ItemPrice__price--strikethrough{color:#999;font-weight:700;font-size:10px;text-decoration:line-through;margin-left:6.4px}.c-ItemPrice .c-ItemPrice__discount{color:#4aa219;font-weight:700;font-size:10px;margin-left:auto}.c-Plp__c-ProductContainer__c-ProductTile{max-width:300px;padding:10px 15px;border:1px solid #e1e1e1}.c-Plp__c-ProductContainer__c-ProductTile .c-Plp__c-ProductContainer__c-ProductTile__image{margin-bottom:.7rem}.c-Plp__c-ProductContainer__c-ProductTile .c-Plp__c-ProductContainer__c-ProductTile__name{font-size:14px}.c-Plp__c-ProductContainer__c-ProductTile button{display:block;margin:0 auto;border-radius:20px;padding:7px;background-color:#f7ae3a;cursor:pointer;font-size:12px;font-weight:700}.c-Plp__c-ProductContainer__c-ProductTile button:hover{opacity:.7}.c-Footer{display:flex;align-items:center;justify-content:center;position:fixed;left:0;bottom:0;width:100%;background-color:#4471ea;color:#f1f3f6;padding:.7em}.c-Footer p{margin-bottom:0;font-weight:700}
/*# sourceMappingURL=5.18f620ee.chunk.css.map */

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,2 @@
.c-Plp__c-SortAndFilterPanel__c-Search{margin-left:auto}.c-Plp__c-SortAndFilterPanel__c-Search .c-Plp__c-SortAndFilterPanel__c-Search__input{background:transparent;border:none;border-bottom:1px solid #fff;color:#fff;padding-bottom:.3rem}.c-Plp__c-SortAndFilterPanel__c-Search .c-Plp__c-SortAndFilterPanel__c-Search__input::-webkit-input-placeholder{color:#fff;opacity:1}.c-Plp__c-SortAndFilterPanel__c-Search .c-Plp__c-SortAndFilterPanel__c-Search__input:-ms-input-placeholder{opacity:1}.c-Plp__c-SortAndFilterPanel__c-Search .c-Plp__c-SortAndFilterPanel__c-Search__input::-ms-input-placeholder{opacity:1}.c-Plp__c-SortAndFilterPanel__c-Search .c-Plp__c-SortAndFilterPanel__c-Search__input::placeholder{color:#fff;opacity:1}.c-Plp__c-SortAndFilterPanel__c-Search .c-Plp__c-SortAndFilterPanel__c-Search__input:-ms-input-placeholder{color:#fff}.c-Plp__c-SortAndFilterPanel__c-Search .c-Plp__c-SortAndFilterPanel__c-Search__input::-ms-input-placeholder{color:#fff}.c-Plp__c-SortAndFilterPanel__c-CartIcon{margin-left:1rem;position:relative}.c-Plp__c-SortAndFilterPanel__c-CartIcon .c-Plp__c-SortAndFilterPanel__c-CartIcon__badge{position:absolute;top:-3px;right:-9px;padding:0 5px;border-radius:50%;background-color:#c70936;color:#fff;font-size:12px}.c-Plp__c-SortAndFilterPanel{text-align:center}.c-Plp__c-SortAndFilterPanel .c-Plp__c-SortAndFilterPanel__tool{padding:.8rem;font-size:16px;font-weight:700;border:1px solid #e1e1e1}.c-Plp__c-SortAndFilterPanel .c-Plp__c-SortAndFilterPanel__tool .c-Plp__c-SortAndFilterPanel__toolContent{margin-bottom:0}.c-ItemPrice{line-height:12px;margin-bottom:.9rem;display:flex;align-items:baseline}.c-ItemPrice .c-ItemPrice__price{font-size:14px;font-weight:700;padding-right:.5rem}.c-ItemPrice .c-ItemPrice__price--strikethrough{color:#999;font-weight:700;font-size:12px;text-decoration:line-through}.c-ItemPrice .c-ItemPrice__discount{color:#4aa219;font-weight:700;font-size:12px;margin-left:auto}.c-Plp__c-ProductContainer__c-ProductTile{max-width:300px;padding:10px 15px;border:1px solid #e1e1e1}.c-Plp__c-ProductContainer__c-ProductTile .c-Plp__c-ProductContainer__c-ProductTile__image{margin-bottom:.7rem}.c-Plp__c-ProductContainer__c-ProductTile .c-Plp__c-ProductContainer__c-ProductTile__name{font-size:14px}.c-Plp__c-ProductContainer__c-ProductTile .btn__addToCart{display:block;margin:0 auto;border-radius:20px;padding:7px;background-color:#f7ae3a;cursor:pointer;font-size:12px;font-weight:700}.c-Plp__c-ProductContainer__c-ProductTile .btn__addToCart:hover{opacity:.7}.c-Plp__c-ProductContainer{margin-bottom:46px}.c-Footer{display:flex;align-items:center;justify-content:center;position:fixed;left:0;bottom:0;width:100%;background-color:#4471ea;color:#f1f3f6;padding:.7em}.c-Footer p{margin-bottom:0;font-weight:700}
/*# sourceMappingURL=5.6d558015.chunk.css.map */

File diff suppressed because one or more lines are too long

View File

@@ -1,2 +1,2 @@
.Login_Login__PPKkV{background:#222;max-width:unset}@media only screen and (max-width:1140px){.Login_Login__PPKkV{padding-left:unset;padding-right:unset;margin-right:unset;margin-left:unset}}.Login_Login__PPKkV .Login_loginContainer__24QXD{border:2px solid grey;border-radius:.3rem;margin:1rem;background:#eee;padding-bottom:20px}.Login_Login__PPKkV .Login_loginContainer__24QXD .Login_c-login-intimation__1OU36{padding:15px 5px 15px 15px;background:#000;color:#fff;margin-bottom:0}.Login_Login__PPKkV .Login_loginContainer__24QXD .Login_loginSplitter__1IrNe{text-align:center;margin-top:10px;margin-bottom:10px;text-transform:capitalize;font-size:25px;font-weight:bolder;line-height:30px}
/*# sourceMappingURL=6.26fa32fe.chunk.css.map */
/*# sourceMappingURL=7.cf1d0990.chunk.css.map */

View File

@@ -1 +1 @@
{"version":3,"sources":["Login.module.scss"],"names":[],"mappings":"AAAA,oBACI,eAAgB,CAChB,eAAgB,CAChB,0CAHJ,oBAIQ,kBAAmB,CACnB,mBAAoB,CACpB,kBAAmB,CACnB,iBAAkB,CAwBzB,CA/BD,iDAUQ,qBAAsB,CACtB,mBAAqB,CACrB,WAAY,CACZ,eAAgB,CAChB,mBAAoB,CAd5B,kFAgBY,0BAA2B,CAC3B,eAAiB,CACjB,UAAY,CACZ,eAAgB,CAnB5B,6EAsBY,iBAAkB,CAClB,eAAgB,CAChB,kBAAmB,CACnB,yBAA0B,CAC1B,cAAe,CACf,kBAAmB,CACnB,gBAAiB","file":"6.26fa32fe.chunk.css","sourcesContent":[".Login {\n background: #222;\n max-width: unset;\n @media only screen and (max-width: 1140px) {\n padding-left: unset;\n padding-right: unset;\n margin-right: unset;\n margin-left: unset;\n }\n .loginContainer {\n border: 2px solid grey;\n border-radius: 0.3rem;\n margin: 1rem;\n background: #eee;\n padding-bottom: 20px;\n .c-login-intimation {\n padding: 15px 5px 15px 15px;\n background: black;\n color: white;\n margin-bottom: 0;\n }\n .loginSplitter {\n text-align: center;\n margin-top: 10px;\n margin-bottom: 10px;\n text-transform: capitalize;\n font-size: 25px;\n font-weight: bolder;\n line-height: 30px;\n }\n }\n}\n"]}
{"version":3,"sources":["Login.module.scss"],"names":[],"mappings":"AAAA,oBACI,eAAgB,CAChB,eAAgB,CAChB,0CAHJ,oBAIQ,kBAAmB,CACnB,mBAAoB,CACpB,kBAAmB,CACnB,iBAAkB,CAwBzB,CA/BD,iDAUQ,qBAAsB,CACtB,mBAAqB,CACrB,WAAY,CACZ,eAAgB,CAChB,mBAAoB,CAd5B,kFAgBY,0BAA2B,CAC3B,eAAiB,CACjB,UAAY,CACZ,eAAgB,CAnB5B,6EAsBY,iBAAkB,CAClB,eAAgB,CAChB,kBAAmB,CACnB,yBAA0B,CAC1B,cAAe,CACf,kBAAmB,CACnB,gBAAiB","file":"7.cf1d0990.chunk.css","sourcesContent":[".Login {\n background: #222;\n max-width: unset;\n @media only screen and (max-width: 1140px) {\n padding-left: unset;\n padding-right: unset;\n margin-right: unset;\n margin-left: unset;\n }\n .loginContainer {\n border: 2px solid grey;\n border-radius: 0.3rem;\n margin: 1rem;\n background: #eee;\n padding-bottom: 20px;\n .c-login-intimation {\n padding: 15px 5px 15px 15px;\n background: black;\n color: white;\n margin-bottom: 0;\n }\n .loginSplitter {\n text-align: center;\n margin-top: 10px;\n margin-bottom: 10px;\n text-transform: capitalize;\n font-size: 25px;\n font-weight: bolder;\n line-height: 30px;\n }\n }\n}\n"]}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long