├── styles ├── _components.scss ├── Components │ ├── _breadcramb.scss │ ├── _select.scss │ ├── _paginate.scss │ ├── _modal.scss │ ├── _checkbox.scss │ ├── _buttons.scss │ ├── _input.scss │ └── _table.scss ├── _toggle.scss ├── Orders │ ├── _abandoned.scss │ ├── _fulfillment.scss │ └── _orders.scss ├── style.scss ├── _variables.scss ├── _global.scss ├── _main.scss ├── Customers │ └── _customers.scss ├── Home │ └── _home.scss ├── _nav.scss ├── _mediaQuery.scss ├── _header.scss ├── _helpers.scss ├── Collections │ └── _collections.scss ├── Products │ └── _products.scss └── style.css.map ├── assets ├── logo.png ├── avatar.jpg ├── images │ ├── 1.jpg │ ├── 10.jpg │ ├── 11.jpg │ ├── 12.jpg │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.jpg │ ├── 6.jpg │ ├── 7.jpg │ ├── 8.jpg │ ├── 9.jpg │ ├── 3 (1).jpg │ ├── 5-1.jpg │ ├── 5-2.jpg │ ├── 5-3.jpg │ ├── 6-1.jpg │ ├── 6-2.jpg │ ├── 7-1.jpg │ ├── 8-1.jpg │ ├── test │ │ ├── 1.jpg │ │ ├── 2.jpg │ │ ├── 3.png │ │ └── 4.jpg │ ├── default-image.png │ └── busy-marketing.svg └── xx │ └── _home.scss ├── README.md └── js └── script.js /styles/_components.scss: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /styles/Components/_breadcramb.scss: -------------------------------------------------------------------------------- 1 | .breadcramb { 2 | cursor: pointer; 3 | } 4 | -------------------------------------------------------------------------------- /assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rayjencode/ecommerce_admin_dashboard_html/HEAD/assets/logo.png -------------------------------------------------------------------------------- /assets/avatar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rayjencode/ecommerce_admin_dashboard_html/HEAD/assets/avatar.jpg -------------------------------------------------------------------------------- /assets/images/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rayjencode/ecommerce_admin_dashboard_html/HEAD/assets/images/1.jpg -------------------------------------------------------------------------------- /assets/images/10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rayjencode/ecommerce_admin_dashboard_html/HEAD/assets/images/10.jpg -------------------------------------------------------------------------------- /assets/images/11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rayjencode/ecommerce_admin_dashboard_html/HEAD/assets/images/11.jpg -------------------------------------------------------------------------------- /assets/images/12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rayjencode/ecommerce_admin_dashboard_html/HEAD/assets/images/12.jpg -------------------------------------------------------------------------------- /assets/images/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rayjencode/ecommerce_admin_dashboard_html/HEAD/assets/images/2.jpg -------------------------------------------------------------------------------- /assets/images/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rayjencode/ecommerce_admin_dashboard_html/HEAD/assets/images/3.jpg -------------------------------------------------------------------------------- /assets/images/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rayjencode/ecommerce_admin_dashboard_html/HEAD/assets/images/4.jpg -------------------------------------------------------------------------------- /assets/images/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rayjencode/ecommerce_admin_dashboard_html/HEAD/assets/images/6.jpg -------------------------------------------------------------------------------- /assets/images/7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rayjencode/ecommerce_admin_dashboard_html/HEAD/assets/images/7.jpg -------------------------------------------------------------------------------- /assets/images/8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rayjencode/ecommerce_admin_dashboard_html/HEAD/assets/images/8.jpg -------------------------------------------------------------------------------- /assets/images/9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rayjencode/ecommerce_admin_dashboard_html/HEAD/assets/images/9.jpg -------------------------------------------------------------------------------- /assets/images/3 (1).jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rayjencode/ecommerce_admin_dashboard_html/HEAD/assets/images/3 (1).jpg -------------------------------------------------------------------------------- /assets/images/5-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rayjencode/ecommerce_admin_dashboard_html/HEAD/assets/images/5-1.jpg -------------------------------------------------------------------------------- /assets/images/5-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rayjencode/ecommerce_admin_dashboard_html/HEAD/assets/images/5-2.jpg -------------------------------------------------------------------------------- /assets/images/5-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rayjencode/ecommerce_admin_dashboard_html/HEAD/assets/images/5-3.jpg -------------------------------------------------------------------------------- /assets/images/6-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rayjencode/ecommerce_admin_dashboard_html/HEAD/assets/images/6-1.jpg -------------------------------------------------------------------------------- /assets/images/6-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rayjencode/ecommerce_admin_dashboard_html/HEAD/assets/images/6-2.jpg -------------------------------------------------------------------------------- /assets/images/7-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rayjencode/ecommerce_admin_dashboard_html/HEAD/assets/images/7-1.jpg -------------------------------------------------------------------------------- /assets/images/8-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rayjencode/ecommerce_admin_dashboard_html/HEAD/assets/images/8-1.jpg -------------------------------------------------------------------------------- /assets/images/test/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rayjencode/ecommerce_admin_dashboard_html/HEAD/assets/images/test/1.jpg -------------------------------------------------------------------------------- /assets/images/test/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rayjencode/ecommerce_admin_dashboard_html/HEAD/assets/images/test/2.jpg -------------------------------------------------------------------------------- /assets/images/test/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rayjencode/ecommerce_admin_dashboard_html/HEAD/assets/images/test/3.png -------------------------------------------------------------------------------- /assets/images/test/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rayjencode/ecommerce_admin_dashboard_html/HEAD/assets/images/test/4.jpg -------------------------------------------------------------------------------- /assets/images/default-image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rayjencode/ecommerce_admin_dashboard_html/HEAD/assets/images/default-image.png -------------------------------------------------------------------------------- /styles/Components/_select.scss: -------------------------------------------------------------------------------- 1 | .select { 2 | border: $gray100; 3 | background: red; 4 | border-radius: 4px; 5 | 6 | cursor: pointer; 7 | &__title { 8 | // padding: 9px 15px; 9 | color: red; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /styles/_toggle.scss: -------------------------------------------------------------------------------- 1 | .item { 2 | background: white; 3 | } 4 | 5 | .show { 6 | display: block !important; 7 | } 8 | 9 | .show-item { 10 | transform: translateX(150px); 11 | } 12 | 13 | .hide-item { 14 | display: none; 15 | } 16 | -------------------------------------------------------------------------------- /styles/Components/_paginate.scss: -------------------------------------------------------------------------------- 1 | .paginate { 2 | width: 200px; 3 | margin-left: auto; 4 | margin-top: 1rem; 5 | margin-bottom: 1rem; 6 | margin-right: 30px; 7 | 8 | &__icon { 9 | cursor: pointer; 10 | opacity: 0.7; 11 | } 12 | &__text { 13 | opacity: 0.7; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /styles/Orders/_abandoned.scss: -------------------------------------------------------------------------------- 1 | .abandoned { 2 | &__heading { 3 | grid-template-columns: repeat(5, 1fr) 100px; 4 | @media (max-width: 600px) { 5 | display: none; 6 | } 7 | } 8 | &__item { 9 | grid-template-columns: repeat(5, 1fr) 100px; 10 | @media (max-width: 768px) { 11 | grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); 12 | } 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /styles/style.scss: -------------------------------------------------------------------------------- 1 | @import './variables'; 2 | @import './components'; 3 | @import './helpers'; 4 | @import './header'; 5 | @import './global'; 6 | @import './main'; 7 | @import './nav'; 8 | @import './toggle'; 9 | 10 | /*PAGES*/ 11 | @import './Components/paginate'; 12 | @import './Components/table'; 13 | @import './Components/buttons'; 14 | @import './Components/select'; 15 | @import './Components/breadcramb'; 16 | @import './Components/input'; 17 | @import './Components/modal'; 18 | @import './Components/checkbox'; 19 | @import './Customers/customers'; 20 | @import './Home/home'; 21 | @import './Orders/orders'; 22 | @import './Orders/abandoned'; 23 | @import './Orders/fulfillment'; 24 | @import './Collections/collections'; 25 | @import './Products/products'; 26 | -------------------------------------------------------------------------------- /styles/_variables.scss: -------------------------------------------------------------------------------- 1 | $primary: #1c2260; 2 | $primary100: #43467f; 3 | $primary200: #5463c1; 4 | $primary300: #dadfff; 5 | $primary400: #eff1ff; 6 | $secondary: #006fbb; 7 | $success: #6fc45f; 8 | $danger: #d63417; 9 | $danger100: #ec573c; 10 | $warning: #d68a17; 11 | 12 | $mainBG: #f4f6f8; 13 | $textwhite: #f9fafb; 14 | $text100: #212b36; 15 | $text200: #454f5b; 16 | $text300: #6a727a; 17 | $text400: #808891; 18 | $border: #e0e0e0; 19 | $gray: #6a727a; 20 | $gray100: #eeeeee; 21 | $gray200: #d4d4d4; 22 | $gray300: #f8f7f7; 23 | 24 | $overlayBG: rgb(0, 0, 0); 25 | $overlayBG-2: rgba(223, 167, 167, 0.4); 26 | 27 | $box-shadow: 0 6px 13px -12px rgba(50, 50, 93, 0.2), 28 | 0 3px 7px -3px rgba(110, 110, 110, 0.1); 29 | $box-shadow-200: 0 2px 15px hsla(216, 15%, 16%, 0.25); 30 | -------------------------------------------------------------------------------- /styles/_global.scss: -------------------------------------------------------------------------------- 1 | html { 2 | box-sizing: border-box; 3 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, 4 | Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 5 | font-size: 14px; 6 | } 7 | 8 | *, 9 | *:before, 10 | *:after { 11 | box-sizing: inherit; 12 | margin: 0; 13 | padding: 0; 14 | } 15 | 16 | body { 17 | background: $mainBG; 18 | min-height: calc(100vh - 100px); 19 | width: 100%; 20 | color: $text200; 21 | } 22 | 23 | h1, 24 | h2, 25 | h3, 26 | h4, 27 | h5, 28 | h6 { 29 | color: $text200; 30 | } 31 | 32 | hr { 33 | background: $gray200; 34 | border: none; 35 | height: 1px; 36 | margin: 2rem 0; 37 | } 38 | 39 | a { 40 | text-decoration: none; 41 | } 42 | 43 | ul { 44 | list-style: none; 45 | } 46 | 47 | a { 48 | color: $primary200; 49 | } 50 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## E-commerce Admin Dashboard inpired from Shopify 2 | 3 | ##### No Framework - Super Responsive built with HTML5 SCSS ReactJs NextJs Node Express 4 | 5 | ##### Under Development Project 6 | 7 | ![e-commerce admin dashboard ](https://i.imgur.com/059Bess.png) 8 | ![e-commerce admin orders](https://i.imgur.com/f8c9XRd.png) 9 | ![e-commerce admin abandoned](https://i.imgur.com/iNccwBQ.png) 10 | ![e-commerce admin Single Order](https://i.imgur.com/s4hszuM.png) 11 | ![e-commerce admin Single Order Add Tracking](https://i.imgur.com/7llHEcq.png) 12 | ![e-commerce admin Single Order Capture Payment](https://i.imgur.com/nQIa0uk.png) 13 | ![e-commerce admin Fulfillment](https://i.imgur.com/k8UGf2o.png) 14 | ![e-commerce admin product empty list](https://i.imgur.com/7STmgEh.png) 15 | ![e-commerce admin product list](https://i.imgur.com/inBm2a1.png) 16 | ![e-commerce admin create product](https://i.imgur.com/hZyVlAC.png) 17 | ![e-commerce admin edit product](https://i.imgur.com/xq7uOo4.png) 18 | 19 | -------------------------------------------------------------------------------- /styles/_main.scss: -------------------------------------------------------------------------------- 1 | main { 2 | display: grid; 3 | grid-template-columns: 250px 1fr; 4 | } 5 | 6 | .main { 7 | &__overlay { 8 | background: red; 9 | width: 100%; 10 | height: 100%; 11 | margin: 0; 12 | left: 0; 13 | top: 0; 14 | } 15 | &__sideNav { 16 | padding: 2rem; 17 | margin: 4rem 0; 18 | height: 100%; 19 | z-index: -99; 20 | } 21 | &__content { 22 | margin: 4rem 2rem; 23 | } 24 | &__content--p { 25 | background: $textwhite; 26 | padding: 1rem; 27 | border: 1.3px solid $border; 28 | margin-top: 2rem; 29 | } 30 | } 31 | 32 | @media (max-width: 968px) { 33 | main { 34 | grid-template-columns: 1fr; 35 | } 36 | .main { 37 | &__content { 38 | margin-top: 0; 39 | margin-bottom: 0; 40 | } 41 | &__sideNav { 42 | margin: 0; 43 | } 44 | &__search { 45 | max-width: 91%; 46 | } 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /styles/Components/_modal.scss: -------------------------------------------------------------------------------- 1 | .modal { 2 | display: none; /* Hidden by default */ 3 | position: fixed; /* Stay in place */ 4 | z-index: 1; /* Sit on top */ 5 | padding-top: 250px; /* Location of the box */ 6 | left: 0; 7 | top: 0; 8 | width: 100%; /* Full width */ 9 | height: 100%; /* Full height */ 10 | overflow: auto; /* Enable scroll if needed */ 11 | 12 | // background: $overlayBG; 13 | // background: $overlayBG-2; 14 | background-color: rgb(0, 0, 0); /* Fallback color */ 15 | background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ 16 | 17 | &__content { 18 | background-color: white; 19 | margin: auto; 20 | padding: 20px; 21 | width: 100%; 22 | max-width: 500px; 23 | box-shadow: $box-shadow-200; 24 | position: relative; 25 | border: none; 26 | border-radius: 7px; 27 | } 28 | 29 | &__close { 30 | color: #aaaaaa; 31 | font-size: 28px; 32 | font-weight: bold; 33 | top: 5px; 34 | right: 15px; 35 | position: absolute; 36 | &:hover, 37 | &:focus { 38 | color: #000; 39 | text-decoration: none; 40 | cursor: pointer; 41 | } 42 | } 43 | } 44 | -------------------------------------------------------------------------------- /styles/Customers/_customers.scss: -------------------------------------------------------------------------------- 1 | .customers { 2 | &__titlebar { 3 | @media (max-width: 600px) { 4 | display: grid; 5 | grid-template-columns: 1fr; 6 | margin-top: 40px; 7 | &--item { 8 | &:last-child { 9 | position: fixed; 10 | text-align: end; 11 | top: 50px; 12 | right: 0px; 13 | z-index: 2; 14 | background: white; 15 | padding: 9px 15px; 16 | width: 100%; 17 | box-shadow: $box-shadow; 18 | // color: $primary; 19 | // bottom: 1rem; 20 | } 21 | } 22 | } 23 | } 24 | 25 | &__heading { 26 | grid-template-columns: 1fr 100px 100px; 27 | @media (max-width: 400px) { 28 | display: none; 29 | } 30 | } 31 | &__items { 32 | grid-template-columns: 1fr 100px 100px; 33 | @media (max-width: 400px) { 34 | grid-template-columns: 1fr; 35 | } 36 | } 37 | 38 | // &__heading { 39 | // grid-template-columns: 1fr 80px 100px; 40 | // @media (max-width: 600px) { 41 | // grid-template-columns: auto auto auto; 42 | // } 43 | // } 44 | // &__items { 45 | // grid-template-columns: 1fr 80px 100px; 46 | // @media (max-width: 600px) { 47 | // grid-template-columns: auto auto auto; 48 | // } 49 | // } 50 | } 51 | -------------------------------------------------------------------------------- /styles/Components/_checkbox.scss: -------------------------------------------------------------------------------- 1 | /* Customize the label (the container) */ 2 | .checkbox-container { 3 | display: block; 4 | position: relative; 5 | padding-left: 35px; 6 | margin-bottom: 12px; 7 | cursor: pointer; 8 | font-size: 14px; 9 | -webkit-user-select: none; 10 | -moz-user-select: none; 11 | -ms-user-select: none; 12 | user-select: none; 13 | } 14 | 15 | /* Hide the browser's default checkbox */ 16 | .checkbox-container input { 17 | position: absolute; 18 | opacity: 0; 19 | cursor: pointer; 20 | height: 0; 21 | width: 0; 22 | } 23 | 24 | /* Create a custom checkbox */ 25 | .checkmark { 26 | position: absolute; 27 | top: 0; 28 | left: 0; 29 | height: 20px; 30 | width: 20px; 31 | // background-color: blue; 32 | border: 1px solid $border; 33 | border-radius: 2px; 34 | } 35 | 36 | /* On mouse-over, add a grey background color */ 37 | .checkbox-container:hover input ~ .checkmark { 38 | // background-color: #ccc; 39 | border: 1px solid $border; 40 | } 41 | 42 | /* When the checkbox is checked, add a blue background */ 43 | .checkbox-container input:checked ~ .checkmark { 44 | // background-color: red; 45 | border: 2px solid $primary200; 46 | } 47 | 48 | /* Create the checkmark/indicator (hidden when not checked) */ 49 | .checkmark:after { 50 | content: ''; 51 | position: absolute; 52 | display: none; 53 | } 54 | 55 | /* Show the checkmark when checked */ 56 | .checkbox-container input:checked ~ .checkmark:after { 57 | display: block; 58 | } 59 | 60 | /* Style the checkmark/indicator */ 61 | .checkbox-container .checkmark:after { 62 | left: 6px; 63 | top: 2px; 64 | width: 5px; 65 | height: 10px; 66 | border: solid $primary200; 67 | border-width: 0 3px 3px 0; 68 | -webkit-transform: rotate(45deg); 69 | -ms-transform: rotate(45deg); 70 | transform: rotate(45deg); 71 | } 72 | -------------------------------------------------------------------------------- /assets/xx/_home.scss: -------------------------------------------------------------------------------- 1 | .home { 2 | &__cards { 3 | display: grid; 4 | grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); 5 | grid-gap: 20px; 6 | 7 | &--item { 8 | background: $textwhite; 9 | } 10 | &--title { 11 | text-transform: uppercase; 12 | font-size: 0.9rem; 13 | } 14 | &--count { 15 | color: $primary; 16 | font-size: 1.7rem; 17 | font-weight: 700; 18 | margin: 0.8rem 0; 19 | } 20 | &--view { 21 | margin-top: 1rem; 22 | text-align: right; 23 | a { 24 | color: $secondary; 25 | } 26 | } 27 | } 28 | 29 | &__table { 30 | &--title { 31 | color: $primary100; 32 | } 33 | &--heading { 34 | color: $text400; 35 | font-size: 1.1rem; 36 | font-weight: 500; 37 | display: grid; 38 | // grid-template-columns: 150px 1fr 80px 100px; 39 | grid-template-columns: 140px 1fr 80px 100px; 40 | } 41 | &--items { 42 | display: grid; 43 | grid-template-columns: 140px 1fr 80px 100px; 44 | &:hover { 45 | background: $gray100; 46 | cursor: pointer; 47 | } 48 | } 49 | &--toggleBtn { 50 | cursor: pointer; 51 | } 52 | } 53 | } 54 | 55 | @media (max-width: 768px) { 56 | } 57 | 58 | @media (max-width: 600px) { 59 | .home { 60 | &__table { 61 | &--heading { 62 | grid-template-columns: 1fr 1fr 1fr; 63 | &--col2 { 64 | display: none; 65 | } 66 | } 67 | &--items { 68 | grid-template-columns: 1fr 1fr 1fr; 69 | &--col2 { 70 | display: none; 71 | } 72 | &--col1 { 73 | span:nth-last-child(1) { 74 | display: none; 75 | } 76 | } 77 | } 78 | } 79 | } 80 | } 81 | -------------------------------------------------------------------------------- /styles/Home/_home.scss: -------------------------------------------------------------------------------- 1 | .home { 2 | &__cards { 3 | display: grid; 4 | grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); 5 | grid-gap: 20px; 6 | 7 | &--item { 8 | background: white; 9 | } 10 | &--title { 11 | text-transform: uppercase; 12 | font-size: 0.9rem; 13 | } 14 | &--count { 15 | color: $primary; 16 | font-size: 1.7rem; 17 | font-weight: 700; 18 | margin: 0.8rem 0; 19 | } 20 | &--view { 21 | margin-top: 1rem; 22 | text-align: right; 23 | a { 24 | color: $secondary; 25 | } 26 | } 27 | } 28 | 29 | &__table { 30 | &--title { 31 | color: $primary100; 32 | } 33 | &--heading { 34 | color: $text400; 35 | font-size: 1.1rem; 36 | font-weight: 500; 37 | display: grid; 38 | // grid-template-columns: 150px 1fr 80px 100px; 39 | grid-template-columns: 140px 1fr 80px 100px; 40 | border-bottom: 1px solid $border; 41 | padding-bottom: 1.2rem; 42 | } 43 | &--items { 44 | display: grid; 45 | grid-template-columns: 140px 1fr 80px 100px; 46 | border-bottom: 1px solid $border; 47 | &:hover { 48 | background: $gray100; 49 | cursor: pointer; 50 | } 51 | } 52 | &--toggleBtn { 53 | cursor: pointer; 54 | } 55 | } 56 | } 57 | 58 | @media (max-width: 768px) { 59 | } 60 | 61 | @media (max-width: 600px) { 62 | .home { 63 | &__table { 64 | &--heading { 65 | grid-template-columns: 1fr 1fr 1fr; 66 | &--col2 { 67 | display: none; 68 | } 69 | } 70 | &--items { 71 | grid-template-columns: 1fr 1fr 1fr; 72 | &--col2 { 73 | display: none; 74 | } 75 | &--col1 { 76 | span:nth-last-child(1) { 77 | display: none; 78 | } 79 | } 80 | } 81 | } 82 | } 83 | } 84 | -------------------------------------------------------------------------------- /styles/Orders/_fulfillment.scss: -------------------------------------------------------------------------------- 1 | .fulfillment { 2 | max-width: 968px; 3 | margin: 0 auto; 4 | &__cardWrapper { 5 | display: grid; 6 | grid-template-columns: 1fr minmax(auto, 290px); 7 | grid-gap: 20px; 8 | } 9 | &__main { 10 | &--heading { 11 | display: grid; 12 | grid-template-columns: 1fr 80px 140px; 13 | border-bottom: 1px solid $border; 14 | padding-bottom: 1.2rem; 15 | } 16 | &--items { 17 | align-items: center; 18 | display: grid; 19 | grid-template-columns: 1fr 80px 140px; 20 | 21 | border-bottom: 1px solid $border; 22 | padding-bottom: 1rem; 23 | margin: 1rem 0; 24 | &--productName { 25 | font-size: 1.3rem; 26 | } 27 | &--imgWrapper { 28 | width: 70px; 29 | height: 70px; 30 | } 31 | &--img { 32 | width: 100%; 33 | } 34 | &--inputWrapper { 35 | border: 1px solid $gray200; 36 | border-radius: 4px; 37 | } 38 | &--input { 39 | width: 70%; 40 | padding: 9px; 41 | border: none; 42 | } 43 | } 44 | &--tracking { 45 | display: grid; 46 | grid-template-columns: 1fr 1fr; 47 | grid-gap: 20px; 48 | } 49 | } 50 | &__sidebar { 51 | &--cancelBtn { 52 | display: none; 53 | } 54 | } 55 | } 56 | 57 | @media (max-width: 768px) { 58 | .fulfillment { 59 | &__cardWrapper { 60 | grid-template-columns: 1fr; 61 | } 62 | } 63 | } 64 | 65 | @media (max-width: 600px) { 66 | .fulfillment { 67 | &__title { 68 | &--cancelBtn { 69 | display: none; 70 | } 71 | } 72 | &__main { 73 | &--heading { 74 | display: none; 75 | } 76 | &--items { 77 | position: relative; 78 | grid-template-columns: 1fr; 79 | 80 | &--inputWrapper { 81 | width: 120px; 82 | margin-top: 1rem; 83 | } 84 | &--weight { 85 | position: absolute; 86 | bottom: 0; 87 | right: 0; 88 | } 89 | } 90 | &--tracking { 91 | grid-template-columns: 1fr; 92 | } 93 | } 94 | &__sidebar { 95 | &--cancelBtn { 96 | display: block; 97 | } 98 | } 99 | } 100 | } 101 | -------------------------------------------------------------------------------- /styles/Components/_buttons.scss: -------------------------------------------------------------------------------- 1 | .btn { 2 | border: 1px solid $gray; 3 | padding: 9px 15px; 4 | border-radius: 4px; 5 | cursor: pointer; 6 | } 7 | .btn-icon { 8 | border: 1px solid $border; 9 | background: none; 10 | width: 35px; 11 | height: 35px; 12 | border-radius: 4px; 13 | color: $gray; 14 | cursor: pointer; 15 | } 16 | .btn-icon-success { 17 | &:hover { 18 | background: $success; 19 | color: white; 20 | } 21 | } 22 | .btn-icon-danger { 23 | &:hover { 24 | background: $danger; 25 | color: white; 26 | } 27 | } 28 | 29 | .btn-block { 30 | width: 100%; 31 | } 32 | 33 | .btn-secondary { 34 | background: linear-gradient(to bottom, #6371c7, #5563c1); 35 | color: white; 36 | &:hover { 37 | background: $primary200; 38 | } 39 | &:active, 40 | &:focus { 41 | background: $primary100; 42 | } 43 | } 44 | 45 | .btn-light { 46 | border: 1px solid $text400; 47 | background: white; 48 | color: $text200; 49 | &:hover { 50 | background: $gray300; 51 | } 52 | &:active, 53 | &:focus { 54 | background: $gray100; 55 | } 56 | } 57 | 58 | .btn-danger { 59 | border: 1px solid $danger; 60 | background: $danger; 61 | color: white; 62 | &:hover { 63 | background: $danger100; 64 | } 65 | &:active { 66 | background: $danger; 67 | } 68 | } 69 | 70 | .selectBtn { 71 | border: 1px solid $text300; 72 | padding: 9px 15px; 73 | border-radius: 4px; 74 | cursor: pointer; 75 | position: relative; 76 | color: $text200; 77 | background: white; 78 | 79 | &__options { 80 | text-align: left; 81 | top: 40px; 82 | right: 0px; 83 | border: 1px solid $border; 84 | border-radius: 4px; 85 | cursor: pointer; 86 | position: absolute; 87 | width: 170px; 88 | color: $text200; 89 | background: white; 90 | box-shadow: $box-shadow-200; 91 | &--list { 92 | list-style: none; 93 | margin-top: 7px; 94 | margin-bottom: 7px; 95 | } 96 | &--item { 97 | padding: 0.7rem 1.3rem; 98 | &:hover { 99 | background: $primary200; 100 | color: white; 101 | } 102 | } 103 | } 104 | } 105 | 106 | .selectBtnFlat { 107 | border: none; 108 | padding: 9px 15px; 109 | border-radius: 4px; 110 | cursor: pointer; 111 | position: relative; 112 | color: $text200; 113 | background: none; 114 | 115 | &:active, 116 | &:focus { 117 | background: $gray100; 118 | } 119 | 120 | &__options { 121 | top: 40px; 122 | right: 0px; 123 | border: 1px solid $border; 124 | border-radius: 4px; 125 | cursor: pointer; 126 | position: absolute; 127 | width: 170px; 128 | color: $text200; 129 | background: white; 130 | box-shadow: $box-shadow-200; 131 | &--list { 132 | list-style: none; 133 | margin-top: 7px; 134 | margin-bottom: 7px; 135 | } 136 | &--item { 137 | padding: 0.7rem 0; 138 | &:hover { 139 | background: $primary200; 140 | color: white; 141 | } 142 | } 143 | } 144 | } 145 | -------------------------------------------------------------------------------- /styles/_nav.scss: -------------------------------------------------------------------------------- 1 | nav { 2 | /* margin-top: 3.5rem; */ 3 | /* position: fixed; */ 4 | width: 100%; 5 | height: 100%; 6 | z-index: 3; 7 | /* border-right: 1.3px solid var(--border); */ 8 | } 9 | .nav { 10 | &__close { 11 | top: 13px; 12 | right: 13px; 13 | font-size: 2rem; 14 | cursor: pointer; 15 | color: $danger; 16 | display: none; 17 | } 18 | &__list { 19 | margin-top: 2.1rem; 20 | font-size: 15px; 21 | list-style: none; 22 | line-height: 2.4rem; 23 | padding-left: 2rem; 24 | } 25 | &__item { 26 | margin-right: 10px; 27 | } 28 | &__link { 29 | text-decoration: none; 30 | color: $text100; 31 | font-weight: 500; 32 | display: block; 33 | position: relative; 34 | } 35 | &__link--icon { 36 | font-size: 1.1rem; 37 | color: $text300; 38 | } 39 | &__link--span--icon { 40 | position: absolute; 41 | } 42 | &__link--span--navname { 43 | padding-left: 2.4rem; 44 | } 45 | &__link:hover, 46 | &__item:hover { 47 | background: $gray100; 48 | border-radius: 4px; 49 | } 50 | &__wrapper { 51 | margin-top: 3.9rem; 52 | position: fixed; 53 | width: 250px; 54 | height: 100%; 55 | border-right: 1.3px solid $border; 56 | } 57 | } 58 | 59 | // .navWrapper { 60 | // margin-top: 3.9rem; 61 | // position: fixed; 62 | // width: 250px; 63 | // height: 100%; 64 | // border-right: 1.3px solid $border; 65 | // } 66 | 67 | .sub__nav--list { 68 | // display: none; 69 | list-style: none; 70 | padding-left: 2.4rem; 71 | } 72 | .sub__nav--item { 73 | margin-right: 10px; 74 | } 75 | 76 | .sub__nav--link { 77 | text-decoration: none; 78 | color: $text300; 79 | display: block; 80 | } 81 | 82 | .sub__nav--link:hover, 83 | .sub__nav--item:hover { 84 | background: $gray100; 85 | border-radius: 4px; 86 | } 87 | 88 | // .sub__nav--link:link, 89 | // .sub__nav--link:visited, 90 | // .sub__nav--link:active, 91 | .sub__nav--item:link, 92 | .sub__nav--item:visited, 93 | .sub__nav--link:active { 94 | background: $gray100; 95 | border-radius: 4px; 96 | } 97 | 98 | .nav__orders--items { 99 | display: none; 100 | } 101 | .nav__products--items { 102 | display: none; 103 | } 104 | 105 | .nav__active { 106 | background: $gray100; 107 | border-radius: 4px; 108 | } 109 | 110 | @media (max-width: 968px) { 111 | nav { 112 | margin-top: 0; 113 | display: none; 114 | position: fixed; 115 | transition: 0.4s ease; 116 | background: $overlayBG; 117 | background: $overlayBG-2; 118 | // background-color: rgb(0, 0, 0); /* Fallback color */ 119 | // background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ 120 | } 121 | .nav { 122 | &__wrapper { 123 | margin-top: -4px; 124 | width: 250px; 125 | padding-top: 1.5rem; 126 | background: $mainBG; 127 | transition: 0.4s ease; 128 | position: relative; 129 | } 130 | &__close { 131 | display: block; 132 | position: absolute; 133 | } 134 | } 135 | 136 | // .navWrapper { 137 | // margin-top: -4px; 138 | // width: 250px; 139 | // padding-top: 1.5rem; 140 | // background: $mainBG; 141 | // transition: 0.4s ease; 142 | // position: relative; 143 | // } 144 | } 145 | -------------------------------------------------------------------------------- /styles/_mediaQuery.scss: -------------------------------------------------------------------------------- 1 | @media (max-width: 768px) { 2 | // header { 3 | // grid-template-columns: 20px 1fr auto; 4 | // } 5 | 6 | // .header { 7 | // &__logo__img { 8 | // display: none; 9 | // } 10 | // &__collapse--btn { 11 | // display: block; 12 | // cursor: pointer; 13 | // } 14 | // &__collapse--btn:hover { 15 | // background: $primary100; 16 | // border-radius: 3px; 17 | // } 18 | // &__profile__name { 19 | // display: none; 20 | // } 21 | // &__search { 22 | // margin-left: 55px; 23 | // } 24 | // } 25 | 26 | // nav { 27 | // margin-top: 0; 28 | // display: none; 29 | // position: fixed; 30 | // background: rgba(83, 83, 83, 0.404); 31 | // transition: 0.4s ease; 32 | // z-index: 9999; 33 | // } 34 | // .nav { 35 | // &__close { 36 | // display: block; 37 | // } 38 | // } 39 | 40 | // .navWrapper { 41 | // margin-top: -4px; 42 | // width: 350px; 43 | // padding-top: 1.5rem; 44 | // background: $mainBG; 45 | // transition: 0.4s ease; 46 | // } 47 | // main { 48 | // grid-template-columns: 1fr; 49 | // } 50 | // .main { 51 | // &__content { 52 | // margin-top: 0; 53 | // margin-bottom: 0; 54 | // } 55 | // &__sideNav { 56 | // margin: 0; 57 | // } 58 | // &__search { 59 | // max-width: 91%; 60 | // } 61 | // } 62 | } 63 | 64 | @media (min-width: 768px) { 65 | // .header { 66 | // &__search { 67 | // width: 100%; 68 | // margin: 0 auto; 69 | // } 70 | // } 71 | } 72 | 73 | @media (max-width: 600px) { 74 | // .home { 75 | // &__table { 76 | // &--heading { 77 | // grid-template-columns: 1fr 1fr 1fr; 78 | // &--col2 { 79 | // display: none; 80 | // } 81 | // } 82 | // &--items { 83 | // grid-template-columns: 1fr 1fr 1fr; 84 | // &--col2 { 85 | // display: none; 86 | // } 87 | // &--col1 { 88 | // span:nth-last-child(1) { 89 | // display: none; 90 | // } 91 | // } 92 | // } 93 | // } 94 | // } 95 | // .orders__table { 96 | // &--search { 97 | // grid-template-columns: 1fr; 98 | // grid-row-gap: 20px; 99 | // &--select { 100 | // border-top-right-radius: 4px; 101 | // border-bottom-right-radius: 4px; 102 | // border-right: 1px solid $border; 103 | // } 104 | // &--input { 105 | // border-top-left-radius: 4px; 106 | // border-bottom-left-radius: 4px; 107 | // border-left: 1px solid $border; 108 | // } 109 | // } 110 | 111 | // &--heading { 112 | // grid-template-columns: repeat(5, 1fr); 113 | // &--col4 { 114 | // display: none; 115 | // } 116 | // &--col5 { 117 | // display: none; 118 | // } 119 | // } 120 | // &--items { 121 | // grid-template-columns: repeat(5, 1fr); 122 | // &--col4 { 123 | // display: none; 124 | // } 125 | // &--col5 { 126 | // display: none; 127 | // } 128 | // } 129 | 130 | // &--filter { 131 | // &--listWrapper { 132 | // display: none; 133 | // } 134 | // &--collapseBtn { 135 | // display: block; 136 | // font-size: 1.3rem; 137 | // color: $gray; 138 | // cursor: pointer; 139 | // } 140 | // &--list { 141 | // margin-top: 1rem; 142 | // display: grid; 143 | // grid-template-columns: 1fr; 144 | 145 | // // grid-template-rows: repeat(8, 40px); 146 | // } 147 | // &--link { 148 | // padding: 0.6rem 0; 149 | // &:hover { 150 | // background: $gray100; 151 | // cursor: pointer; 152 | // display: block; 153 | // width: 100%; 154 | // &::after { 155 | // display: none; 156 | // } 157 | // } 158 | // &--active { 159 | // color: $secondary; 160 | // font-weight: 500; 161 | // &::after { 162 | // display: none; 163 | // } 164 | // } 165 | // } 166 | // } 167 | // } 168 | } 169 | -------------------------------------------------------------------------------- /styles/_header.scss: -------------------------------------------------------------------------------- 1 | header { 2 | /* grid-gap: 30px; */ 3 | display: grid; 4 | grid-template-columns: 250px 1fr auto; 5 | background: $primary; 6 | padding: 0.6rem; 7 | margin: 0; 8 | position: fixed; 9 | width: 100vw; 10 | transition: ease-in-out; 11 | z-index: 1; 12 | } 13 | 14 | .header { 15 | &__collapse--btn { 16 | color: $textwhite; 17 | font-size: 1.4rem; 18 | display: none; 19 | padding: 0.6rem; 20 | } 21 | &__logo { 22 | width: 200px; 23 | } 24 | &__logo__img { 25 | width: 100%; 26 | } 27 | &__profile__name--nav { 28 | z-index: 1; 29 | box-shadow: $box-shadow-200; 30 | position: fixed; 31 | display: none; 32 | top: 4rem; 33 | right: 2.8rem; 34 | width: 200px; 35 | background: $textwhite; 36 | // border: 1px solid $border; 37 | &--pointer { 38 | z-index: 9999; 39 | position: absolute; 40 | top: -13px; 41 | right: 1.3rem; 42 | i { 43 | color: $textwhite; 44 | font-size: 2.5rem; 45 | } 46 | } 47 | &--list { 48 | list-style: none; 49 | margin: 1.2rem; 50 | } 51 | 52 | &--link { 53 | font-size: 15px; 54 | font-weight: 500; 55 | color: $text100; 56 | display: block; 57 | padding: 0.5rem; 58 | &:hover { 59 | background: $gray100; 60 | border-radius: 4px; 61 | } 62 | } 63 | } 64 | &__profile { 65 | cursor: pointer; 66 | } 67 | &__profile__imgWrapper { 68 | height: 30px; 69 | width: 30px; 70 | border-radius: 50px; 71 | } 72 | &__profile__img { 73 | width: 100%; 74 | border-radius: 50px; 75 | } 76 | &__search { 77 | background: $primary100; 78 | border-radius: 3px; 79 | max-width: 700px; 80 | } 81 | &__search--icon { 82 | color: $textwhite; 83 | } 84 | &__search__input { 85 | justify-self: center; 86 | background: $primary100; 87 | border: none; 88 | border-radius: 3px; 89 | color: $textwhite; 90 | padding: 10px 0; 91 | margin: 0 1.6rem; 92 | font-size: 1rem; 93 | width: 100%; 94 | } 95 | &__search__input::placeholder { 96 | color: $textwhite; 97 | } 98 | &__search:focus { 99 | background: $textwhite; 100 | } 101 | &__search__input:focus::placeholder { 102 | color: $textwhite; 103 | } 104 | } 105 | 106 | @media (max-width: 968px) { 107 | header { 108 | grid-template-columns: 20px 1fr auto; 109 | } 110 | 111 | .header { 112 | z-index: 1; 113 | &__logo__img { 114 | display: none; 115 | } 116 | &__collapse--btn { 117 | display: block; 118 | cursor: pointer; 119 | } 120 | &__collapse--btn:hover { 121 | background: $primary100; 122 | border-radius: 3px; 123 | } 124 | &__profile__name { 125 | display: none; 126 | } 127 | &__search { 128 | margin-left: 55px; 129 | } 130 | } 131 | } 132 | 133 | @media (min-width: 968px) { 134 | .header { 135 | &__search { 136 | width: 100%; 137 | margin: 0 auto; 138 | } 139 | } 140 | } 141 | 142 | @media (max-width: 600px) { 143 | // .header__collapse--btn { 144 | // color: $textwhite; 145 | // font-size: 1.4rem; 146 | // display: none; 147 | // padding: 0.6rem; 148 | // } 149 | // .header__logo { 150 | // width: 200px; 151 | // } 152 | // .header__logo__img { 153 | // width: 100%; 154 | // } 155 | 156 | // .header__profile__imgWrapper { 157 | // height: 30px; 158 | // width: 30px; 159 | // border-radius: 50px; 160 | // } 161 | // .header__profile__img { 162 | // width: 100%; 163 | // border-radius: 50px; 164 | // } 165 | 166 | // .header__search { 167 | // background: $primary100; 168 | // border-radius: 3px; 169 | // max-width: 700px; 170 | // } 171 | 172 | // .header__search--icon { 173 | // color: $textwhite; 174 | // } 175 | // .header__search__input { 176 | // justify-self: center; 177 | // background: $primary100; 178 | // border: none; 179 | // border-radius: 3px; 180 | // color: $textwhite; 181 | // padding: 10px 0; 182 | // margin: 0 1.6rem; 183 | // font-size: 1rem; 184 | // width: 100%; 185 | // } 186 | // .header__search__input::placeholder { 187 | // color: $textwhite; 188 | // } 189 | 190 | // .header__search:focus { 191 | // background: $textwhite; 192 | // } 193 | 194 | // .header__search__input:focus::placeholder { 195 | // color: $textwhite; 196 | // } 197 | } 198 | -------------------------------------------------------------------------------- /js/script.js: -------------------------------------------------------------------------------- 1 | const navBtn = document.querySelector('.header__collapse--btn'); 2 | const nav = document.querySelector('.nav'); 3 | const navWrapper = document.querySelector('.navWrapper'); 4 | const navClose = document.querySelector('.nav__close'); 5 | 6 | // Nav 7 | const showOrder = document.querySelector('.nav__showOrders'); 8 | const showProducts = document.querySelector('.nav__showProducts'); 9 | const navOrdersList = document.querySelector('.nav__orders--items'); 10 | const navProductsList = document.querySelector('.nav__products--items'); 11 | 12 | // Start nav Toggle 13 | navBtn.addEventListener('click', () => { 14 | console.log(`object`); 15 | nav.classList.toggle('show'); 16 | // navWrapper.classList.toggle('show-item'); 17 | }); 18 | 19 | navClose.addEventListener('click', (e) => { 20 | console.log(e.target.parentElement); 21 | nav.classList.remove('show'); 22 | // navWrapper.classList.remove('show-item'); 23 | }); 24 | 25 | showOrder.addEventListener('click', () => { 26 | navOrdersList.classList.toggle('show'); 27 | }); 28 | showProducts.addEventListener('click', () => { 29 | navProductsList.classList.toggle('show'); 30 | }); 31 | 32 | // End nav Toggle 33 | 34 | // Start Toggle Header profile 35 | const toggleProfileNav = document.querySelector('.header__profile'); 36 | const showProfileNav = document.querySelector('.header__profile__name--nav'); 37 | toggleProfileNav.addEventListener('click', () => { 38 | showProfileNav.classList.toggle('show'); 39 | }); 40 | // End Toggle Header profile 41 | 42 | // Start Toggle orders filter 43 | const showOrderFilter = document.querySelector( 44 | '.orders__table--filter--listWrapper' 45 | ); 46 | const toggleShowOrderFilter = document.querySelector( 47 | '.orders__table--filter--collapseBtn' 48 | ); 49 | toggleShowOrderFilter.addEventListener('click', () => { 50 | showOrderFilter.classList.toggle('show'); 51 | console.log(`filter orders`); 52 | }); 53 | // End Toggle orders filter 54 | 55 | // Start Toggle abandoned orders filter 56 | const showAbandonedOrderFilter = document.querySelector( 57 | '.abandoned__table--filter--listWrapper' 58 | ); 59 | const toggleShowAbandonedOrderFilter = document.querySelector( 60 | '.abandoned__table--filter--collapseBtn' 61 | ); 62 | toggleShowAbandonedOrderFilter.addEventListener('click', () => { 63 | console.log(`filter abandoned orders`); 64 | showAbandonedOrderFilter.classList.toggle('show'); 65 | }); 66 | // End Toggle abandoned orders filter 67 | 68 | // Start Add/Edit tracking button - Single order page 69 | const showAddEditTrackingModal = document.querySelector( 70 | '.singleOrder__main--modal--addEditTracking' 71 | ); 72 | const toggleShowAddEditTrackingModal = document.querySelector( 73 | '.singleOrder__main--modal--addEditTrackingBtn' 74 | ); 75 | const closeShowAddEditTrackingModal = document.querySelectorAll( 76 | '.singleOrder__main--modal--addEditTracking--closeBtn' 77 | ); 78 | 79 | toggleShowAddEditTrackingModal.addEventListener('click', () => { 80 | showAddEditTrackingModal.classList.toggle('show'); 81 | }); 82 | 83 | closeShowAddEditTrackingModal.forEach((btn) => { 84 | btn.addEventListener('click', () => { 85 | showAddEditTrackingModal.classList.toggle('show'); 86 | }); 87 | }); 88 | 89 | // End Add/Edit tracking button - Single order page 90 | 91 | // Start Capture Payment Btn - Single Order Page 92 | const toggleShowCapturePaymentModal = document.querySelector( 93 | '.singleOrder__main--card--paymentDetails--captureBtn' 94 | ); 95 | const closeShowCapturePaymentModal = document.querySelectorAll( 96 | '.singleOrder__main--modal--close--capturePayment' 97 | ); 98 | const showCapturePaymentModal = document.querySelector( 99 | '.singleOrder__main--modal--capturePayment' 100 | ); 101 | 102 | toggleShowCapturePaymentModal.addEventListener('click', () => { 103 | showCapturePaymentModal.classList.toggle('show'); 104 | }); 105 | closeShowCapturePaymentModal.forEach((btn) => { 106 | btn.addEventListener('click', () => { 107 | showCapturePaymentModal.classList.toggle('show'); 108 | }); 109 | }); 110 | 111 | // End Capture Payment Btn 112 | 113 | // Variants Input Tags 114 | 115 | const variantOptionInput = document.querySelectorAll( 116 | '.products__create__main--variants--col--optionValues--input' 117 | ); 118 | const variantOptionTagsWrapper = document.querySelector( 119 | '.products__create__main--variants--col--optionValues--wrapper' 120 | ); 121 | 122 | // variantOptionInput.addEventListener('focus', () => { 123 | // variantOptionTagsWrapper.style.border = '2px solid #5463c1'; 124 | // }); 125 | // variantOptionInput.addEventListener('blur', () => { 126 | // variantOptionTagsWrapper.style.border = ''; 127 | // }); 128 | 129 | variantOptionInput.forEach((input) => { 130 | input.addEventListener('focus', (e) => { 131 | e.target.parentElement.parentElement.style.border = '2px solid #5463c1'; 132 | }); 133 | }); 134 | 135 | variantOptionInput.forEach((input) => { 136 | input.addEventListener('blur', (e) => { 137 | e.target.parentElement.parentElement.style.border = ''; 138 | }); 139 | }); 140 | 141 | // variantOptionInput.forEach((input) => { 142 | // input.addEventListener('focus', () => { 143 | // variantOptionTagsWrapper.style.border = '2px solid #5463c1'; 144 | // }); 145 | // }); 146 | -------------------------------------------------------------------------------- /styles/Components/_input.scss: -------------------------------------------------------------------------------- 1 | .input { 2 | padding: 9px 15px; 3 | border: 1px solid $border; 4 | border-radius: 4px; 5 | width: 100%; 6 | &:active, 7 | &:focus { 8 | border: 2px solid $primary200; 9 | } 10 | } 11 | .inputAdd { 12 | padding: 9px 15px; 13 | border-top: 1px solid $border; 14 | border-left: 1px solid $border; 15 | border-bottom: 1px solid $border; 16 | border-right: none; 17 | border-top-left-radius: 4px; 18 | border-bottom-left-radius: 4px; 19 | width: 100%; 20 | &:active, 21 | &:focus { 22 | border-top: 1px solid $primary200; 23 | border-left: 1px solid $primary200; 24 | border-bottom: 1px solid $primary200; 25 | // border-right: 1px solid $primary200; 26 | } 27 | &__Btn { 28 | background: $primary200; 29 | color: white; 30 | border-top: 1px solid $primary200; 31 | border-right: 1px solid $primary200; 32 | border-bottom: 1px solid $primary200; 33 | border-left: none; 34 | 35 | border-top-right-radius: 4px; 36 | border-bottom-right-radius: 4px; 37 | 38 | padding: 9px 15px; 39 | cursor: pointer; 40 | } 41 | } 42 | 43 | .textarea { 44 | padding: 9px 15px; 45 | border: 1px solid $border; 46 | border-radius: 4px; 47 | width: 100%; 48 | font-size: 1.1rem; 49 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, 50 | Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 51 | &:active, 52 | &:focus { 53 | border: 2px solid $primary200; 54 | } 55 | } 56 | 57 | .inputBrowse { 58 | // border: 1px solid $border; 59 | 60 | position: relative; 61 | // padding: 9px 15px; 62 | &__icon { 63 | position: absolute; 64 | top: 11px; 65 | left: 13px; 66 | color: $text300; 67 | } 68 | &__input { 69 | // border: none; 70 | width: 100%; 71 | padding: 9px 15px 9px 40px; 72 | // border-left: 1px solid $border; 73 | // border-top: 1px solid $border; 74 | // border-bottom: 1px solid $border; 75 | // border-right: none; 76 | 77 | // border-top-left-radius: 4px; 78 | // border-bottom-left-radius: 4px; 79 | border: 2px solid $border; 80 | border-radius: 4px; 81 | 82 | &:active, 83 | &:focus { 84 | border: 2px solid $primary200; 85 | } 86 | } 87 | 88 | &__btn { 89 | color: $text300; 90 | // position: absolute; 91 | padding: 9px 15px; 92 | 93 | border-right: 1px solid $border; 94 | border-top: 1px solid $border; 95 | border-bottom: 1px solid $border; 96 | border-left: none; 97 | 98 | border-top-right-radius: 4px; 99 | border-bottom-right-radius: 4px; 100 | cursor: pointer; 101 | &:hover { 102 | background: $gray300; 103 | } 104 | &:active { 105 | background: $gray100; 106 | } 107 | } 108 | } 109 | 110 | // .inputBrowse { 111 | // // padding: 9px 15px; 112 | 113 | // border: 1px solid $border; 114 | // border-radius: 4px; 115 | // // width: 100%; 116 | // min-width: 200px; 117 | // max-width: 200px; 118 | // position: relative; 119 | // &:hover, 120 | // &:active, 121 | // &:focus { 122 | // border: 2px solid $primary200; 123 | // } 124 | // &__icon { 125 | // position: absolute; 126 | // top: 5px; 127 | // left: 15px; 128 | // } 129 | // &__input { 130 | // border: none; 131 | // width: 150px; 132 | // padding: 9px 15px 9px 30px; 133 | // } 134 | // &__btn { 135 | // position: absolute; 136 | // top: 5px; 137 | // left: 160px; 138 | // } 139 | // } 140 | .inputCurrency { 141 | // padding: 9px 15px; 142 | 143 | border: 2px solid $border; 144 | border-radius: 4px; 145 | width: 50%; 146 | min-width: 200px; 147 | max-width: 200px; 148 | position: relative; 149 | &:hover, 150 | &:active, 151 | &:focus { 152 | border: 2px solid $primary200; 153 | } 154 | &__symbol { 155 | position: absolute; 156 | top: 5px; 157 | left: 15px; 158 | } 159 | &__input { 160 | border: none; 161 | width: 150px; 162 | padding: 9px 15px 9px 30px; 163 | } 164 | &__currency { 165 | position: absolute; 166 | top: 5px; 167 | left: 160px; 168 | } 169 | } 170 | 171 | .inputSelect { 172 | padding: 9px 15px; 173 | border: 1px solid $border; 174 | border-radius: 4px; 175 | width: 100%; 176 | color: $text200; 177 | min-width: 200px; 178 | &:active, 179 | &:focus { 180 | border: 2px solid $primary200; 181 | } 182 | &__option { 183 | font-size: 1.1rem; 184 | } 185 | } 186 | 187 | .inputSelect-2 { 188 | position: relative; 189 | &__input { 190 | padding: 9px 15px; 191 | border: 1px solid $border; 192 | border-radius: 4px; 193 | width: 100%; 194 | 195 | &:active, 196 | &:focus { 197 | border: 2px solid $primary200; 198 | } 199 | } 200 | &__icon { 201 | position: absolute; 202 | right: 13px; 203 | bottom: 10px; 204 | color: $text300; 205 | } 206 | &__options { 207 | top: 80px; 208 | right: 0px; 209 | border: 1px solid $border; 210 | border-radius: 4px; 211 | cursor: pointer; 212 | position: absolute; 213 | width: 170px; 214 | color: $text200; 215 | background: white; 216 | box-shadow: $box-shadow-200; 217 | &--list { 218 | list-style: none; 219 | margin-top: 7px; 220 | margin-bottom: 7px; 221 | } 222 | &--item { 223 | padding: 0.7rem 0; 224 | &:hover { 225 | background: $primary200; 226 | color: white; 227 | } 228 | } 229 | } 230 | } 231 | -------------------------------------------------------------------------------- /styles/Components/_table.scss: -------------------------------------------------------------------------------- 1 | .table { 2 | background: white; 3 | 4 | &--filter { 5 | border-bottom: 1px solid $border; 6 | // padding-bottom: 1.4rem; 7 | padding: 20px 30px; 8 | &--link { 9 | margin-right: 1rem; 10 | &:hover { 11 | color: $primary200; 12 | cursor: pointer; 13 | &::after { 14 | content: ''; 15 | position: relative; 16 | top: 20px; 17 | border-bottom: 5px solid $primary200; 18 | display: block; 19 | } 20 | } 21 | &--active { 22 | color: $secondary; 23 | font-weight: 500; 24 | &::after { 25 | content: ''; 26 | position: relative; 27 | top: 20px; 28 | border-bottom: 5px solid $primary200; 29 | display: block; 30 | } 31 | } 32 | } 33 | &--collapseBtn { 34 | display: none; 35 | } 36 | } 37 | 38 | &--search { 39 | padding: 0 30px; 40 | display: grid; 41 | grid-template-columns: minmax(150px, auto) minmax(180px, 1fr); 42 | &--wrapper { 43 | position: relative; 44 | } 45 | &--select { 46 | appearance: none; 47 | background: $gray100; 48 | color: $text300; 49 | width: 100%; 50 | border: none; 51 | border-top: 1px solid $border; 52 | border-left: 1px solid $border; 53 | border-bottom: 1px solid $border; 54 | border-top-left-radius: 3px; 55 | border-bottom-left-radius: 3px; 56 | &:hover { 57 | cursor: pointer; 58 | } 59 | &--arrow { 60 | font-size: 1rem; 61 | opacity: 0.7; 62 | top: 8px; 63 | right: 20px; 64 | position: absolute; 65 | } 66 | } 67 | &--option { 68 | font-size: 1.1rem; 69 | } 70 | &--input { 71 | &--icon { 72 | top: 12px; 73 | left: 12px; 74 | color: $gray200; 75 | } 76 | width: 100%; 77 | border: none; 78 | color: $text200; 79 | border-top: 1px solid $border; 80 | border-right: 1px solid $border; 81 | border-bottom: 1px solid $border; 82 | border-top-right-radius: 3px; 83 | border-bottom-right-radius: 3px; 84 | &::placeholder { 85 | color: $gray200; 86 | } 87 | &:focus { 88 | border: 2px solid $primary200; 89 | } 90 | } 91 | } 92 | &--heading { 93 | padding: 0 30px; 94 | gap: 10px; 95 | display: grid; 96 | grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); 97 | // grid-template-columns: 80px 1fr 1fr 1fr 1fr 40px 100px; 98 | color: $text400; 99 | font-size: 14px; 100 | font-weight: 500; 101 | 102 | border-bottom: 1px solid $border; 103 | padding-bottom: 1.2rem; 104 | } 105 | &--items { 106 | padding: 10px 30px !important; 107 | gap: 10px; 108 | display: grid; 109 | grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); 110 | align-items: center; 111 | // grid-template-columns: 80px 1fr 1fr 1fr 1fr 40px 100px; 112 | 113 | border-bottom: 1px solid $border; 114 | padding: 0.6rem 0; 115 | 116 | &--indicator { 117 | font-size: 0.7rem; 118 | } 119 | &--transactionId { 120 | color: $secondary; 121 | font-weight: 500; 122 | } 123 | &:hover { 124 | background: $gray300; 125 | cursor: pointer; 126 | } 127 | } 128 | } 129 | 130 | @media (max-width: 600px) { 131 | .table { 132 | &--search { 133 | grid-template-columns: 1fr; 134 | grid-row-gap: 20px; 135 | &--select { 136 | border-top-right-radius: 4px; 137 | border-bottom-right-radius: 4px; 138 | border-right: 1px solid $border; 139 | } 140 | &--input { 141 | border-top-left-radius: 4px; 142 | border-bottom-left-radius: 4px; 143 | border-left: 1px solid $border; 144 | } 145 | } 146 | 147 | &--heading { 148 | // grid-template-columns: repeat(5, 1fr); 149 | grid-template-columns: repeat(auto-fit, (80px, 1fr)); 150 | } 151 | &--items { 152 | // grid-template-columns: repeat(5, 1fr); 153 | grid-template-columns: repeat(auto-fit, (80px, 1fr)); 154 | } 155 | 156 | &--filter { 157 | &--listWrapper { 158 | display: none; 159 | } 160 | &--collapseBtn { 161 | display: block; 162 | font-size: 1.3rem; 163 | color: $gray; 164 | cursor: pointer; 165 | } 166 | &--list { 167 | margin-top: 1rem; 168 | display: grid; 169 | grid-template-columns: 1fr; 170 | } 171 | &--link { 172 | padding: 0.6rem 0; 173 | &:hover { 174 | background: $gray100; 175 | cursor: pointer; 176 | display: block; 177 | width: 100%; 178 | &::after { 179 | display: none; 180 | } 181 | } 182 | &--active { 183 | color: $secondary; 184 | font-weight: 500; 185 | &::after { 186 | display: none; 187 | } 188 | } 189 | } 190 | } 191 | } 192 | } 193 | -------------------------------------------------------------------------------- /styles/_helpers.scss: -------------------------------------------------------------------------------- 1 | .relative { 2 | position: relative; 3 | } 4 | .absolute { 5 | position: absolute; 6 | } 7 | .fixed { 8 | position: fixed; 9 | } 10 | 11 | .dflex { 12 | display: flex; 13 | } 14 | .justify-content-start { 15 | justify-content: flex-start; 16 | } 17 | .justify-content-end { 18 | justify-content: flex-end; 19 | } 20 | .justify-content-between { 21 | justify-content: space-between; 22 | } 23 | .align-items-center { 24 | align-items: center; 25 | } 26 | 27 | .list-unstyled { 28 | list-style: none; 29 | } 30 | .card { 31 | border: 1px solid $border; 32 | box-shadow: $box-shadow; 33 | border-radius: 4px; 34 | } 35 | 36 | .text-white { 37 | color: $textwhite; 38 | } 39 | 40 | .text-bold-500 { 41 | font-weight: 500; 42 | } 43 | 44 | .mr-auto { 45 | margin-right: auto; 46 | } 47 | 48 | .ml-auto { 49 | margin-left: auto; 50 | } 51 | 52 | .mt-auto { 53 | margin-top: auto; 54 | } 55 | 56 | .mb-auto { 57 | margin-bottom: auto; 58 | } 59 | 60 | .mr-1 { 61 | margin-right: 10px; 62 | } 63 | .mr-2 { 64 | margin-right: 20px; 65 | } 66 | .mr-3 { 67 | margin-right: 30px; 68 | } 69 | .mr-4 { 70 | margin-right: 40px; 71 | } 72 | .mr-5 { 73 | margin-right: 50px; 74 | } 75 | 76 | .ml-1 { 77 | margin-left: 10px; 78 | } 79 | .ml-2 { 80 | margin-left: 20px; 81 | } 82 | .ml-3 { 83 | margin-left: 30px; 84 | } 85 | .ml-4 { 86 | margin-left: 40px; 87 | } 88 | .ml-5 { 89 | margin-left: 50px; 90 | } 91 | 92 | .mt-1 { 93 | margin-top: 10px; 94 | } 95 | .mt-2 { 96 | margin-top: 20px; 97 | } 98 | .mt-3 { 99 | margin-top: 30px; 100 | } 101 | .mt-4 { 102 | margin-top: 40px; 103 | } 104 | .mt-5 { 105 | margin-top: 50px; 106 | } 107 | 108 | .mb-1 { 109 | margin-bottom: 10px; 110 | } 111 | .mb-2 { 112 | margin-bottom: 20px; 113 | } 114 | .mb-3 { 115 | margin-bottom: 30px; 116 | } 117 | .mb-4 { 118 | margin-bottom: 40px; 119 | } 120 | .mb-5 { 121 | margin-bottom: 50px; 122 | } 123 | 124 | .my-auto { 125 | margin-top: auto; 126 | margin-bottom: auto; 127 | } 128 | 129 | .my-1 { 130 | margin-top: 10px; 131 | margin-bottom: 10px; 132 | } 133 | .my-2 { 134 | margin-top: 20px; 135 | margin-bottom: 20px; 136 | } 137 | .my-3 { 138 | margin-top: 30px; 139 | margin-bottom: 30px; 140 | } 141 | .my-4 { 142 | margin-top: 40px; 143 | margin-bottom: 40px; 144 | } 145 | .my-5 { 146 | margin-top: 50px; 147 | margin-bottom: 50px; 148 | } 149 | 150 | .mx-1 { 151 | margin-left: 10px; 152 | margin-right: 10px; 153 | } 154 | .mx-2 { 155 | margin-left: 20px; 156 | margin-right: 20px; 157 | } 158 | .mx-3 { 159 | margin-left: 30px; 160 | margin-right: 30px; 161 | } 162 | .mx-4 { 163 | margin-left: 40px; 164 | margin-right: 40px; 165 | } 166 | .mx-5 { 167 | margin-left: 50px; 168 | margin-right: 50px; 169 | } 170 | 171 | .px-1 { 172 | padding-left: 10px; 173 | padding-right: 10px; 174 | } 175 | .px-2 { 176 | padding-left: 20px; 177 | padding-right: 20px; 178 | } 179 | .px-3 { 180 | padding-left: 30px; 181 | padding-right: 30px; 182 | } 183 | .px-4 { 184 | padding-left: 40px; 185 | padding-right: 40px; 186 | } 187 | .px-5 { 188 | padding-left: 50px; 189 | padding-right: 50px; 190 | } 191 | 192 | .py-1 { 193 | padding-top: 10px; 194 | padding-bottom: 10px; 195 | } 196 | .py-2 { 197 | padding-top: 20px; 198 | padding-bottom: 20px; 199 | } 200 | .py-3 { 201 | padding-top: 30px; 202 | padding-bottom: 30px; 203 | } 204 | .py-4 { 205 | padding-top: 40px; 206 | padding-bottom: 40px; 207 | } 208 | .py-5 { 209 | padding-top: 50px; 210 | padding-bottom: 50px; 211 | } 212 | 213 | .pr-1 { 214 | padding-right: 10px; 215 | } 216 | .pr-2 { 217 | padding-right: 20px; 218 | } 219 | .pr-3 { 220 | padding-right: 30px; 221 | } 222 | .pr-4 { 223 | padding-right: 40px; 224 | } 225 | .pr-5 { 226 | padding-right: 50px; 227 | } 228 | 229 | .pl-1 { 230 | padding-left: 10px; 231 | } 232 | .pl-2 { 233 | padding-left: 20px; 234 | } 235 | .pl-3 { 236 | padding-left: 30px; 237 | } 238 | .pl-4 { 239 | padding-left: 40px; 240 | } 241 | .pl-5 { 242 | padding-left: 50px; 243 | } 244 | 245 | .w-100 { 246 | width: 100%; 247 | } 248 | 249 | .w-50 { 250 | width: 50%; 251 | } 252 | 253 | .border-none { 254 | border: none; 255 | } 256 | 257 | // Border 258 | .rounded { 259 | border-radius: 50px !important; 260 | } 261 | 262 | // Text Color 263 | 264 | .text-gray { 265 | color: $gray; 266 | } 267 | .text-warning { 268 | color: $warning; 269 | } 270 | .text-secondary { 271 | color: $secondary; 272 | } 273 | .text-success { 274 | color: $success; 275 | } 276 | .text-danger { 277 | color: $danger; 278 | } 279 | 280 | // Badges 281 | .badge-fulfilled { 282 | background: $success; 283 | color: white; 284 | border-radius: 5px; 285 | text-align: center; 286 | } 287 | 288 | .badge-unfulfilled { 289 | background: $danger; 290 | color: white; 291 | border-radius: 5px; 292 | text-align: center; 293 | } 294 | 295 | .badge-processed { 296 | background: $warning; 297 | color: white; 298 | border-radius: 5px; 299 | text-align: center; 300 | } 301 | .badge-paid { 302 | background: $secondary; 303 | color: white; 304 | border-radius: 5px; 305 | text-align: center; 306 | } 307 | .badge-pending { 308 | background: $warning; 309 | color: white; 310 | border-radius: 5px; 311 | text-align: center; 312 | } 313 | .badge-abandoned { 314 | background: $gray; 315 | color: white; 316 | border-radius: 5px; 317 | text-align: center; 318 | } 319 | 320 | // Abandoned Email Sent 321 | .badge-sent { 322 | background: $success; 323 | color: white; 324 | border-radius: 5px; 325 | text-align: center; 326 | } 327 | .badge-not-sent { 328 | background: $warning; 329 | color: white; 330 | border-radius: 5px; 331 | text-align: center; 332 | } 333 | 334 | // Abandoned Recovery 335 | .badge-recovered { 336 | background: $success; 337 | color: white; 338 | border-radius: 5px; 339 | text-align: center; 340 | } 341 | .badge-not-recovered { 342 | background: $warning; 343 | color: white; 344 | border-radius: 5px; 345 | text-align: center; 346 | } 347 | 348 | // Indicator 349 | .indicator-fulfilled { 350 | color: $success; 351 | } 352 | .indicator-unfulfilled { 353 | color: $danger; 354 | } 355 | .indicator-not-processed { 356 | color: $gray; 357 | } 358 | .indicator-processed { 359 | color: $warning; 360 | } 361 | .indicator-shipped { 362 | color: $secondary; 363 | } 364 | .indicator-completed { 365 | color: $success; 366 | } 367 | .indicator-refunded { 368 | color: $danger; 369 | } 370 | 371 | // Background 372 | .bg-white { 373 | background: white; 374 | } 375 | .bg-lightgray { 376 | background: $gray100; 377 | } 378 | 379 | .border-none { 380 | border: none; 381 | } 382 | -------------------------------------------------------------------------------- /styles/Collections/_collections.scss: -------------------------------------------------------------------------------- 1 | .collections-create { 2 | max-width: 968px; 3 | margin: 0 auto; 4 | &__cardWrapper { 5 | display: grid; 6 | grid-template-columns: 1fr minmax(auto, 290px); 7 | grid-gap: 20px; 8 | } 9 | &__main { 10 | &--products { 11 | &--filter { 12 | display: grid; 13 | grid-template-columns: 1fr 2fr; 14 | grid-gap: 20px; 15 | align-items: center; 16 | } 17 | } 18 | } 19 | &__sidebar { 20 | &--form { 21 | border: 2px dashed $gray; 22 | position: relative; 23 | height: 200px; 24 | cursor: pointer; 25 | 26 | &--label { 27 | border: 1px solid $text300; 28 | padding: 9px 15px; 29 | border-radius: 4px; 30 | position: absolute; 31 | text-align: center; 32 | top: 50%; 33 | left: 50%; 34 | transform: translate(-50%, -50%); 35 | } 36 | 37 | &--input { 38 | // position: absolute; 39 | // top: 50%; 40 | // left: 50%; 41 | // transform: translate(-50%, -50%); 42 | height: 200px; 43 | opacity: 0; 44 | width: 100%; 45 | cursor: pointer; 46 | } 47 | &:hover { 48 | border: 2px dashed $primary100; 49 | background: $primary400; 50 | } 51 | } 52 | 53 | &--btn { 54 | position: absolute; 55 | top: 50%; 56 | left: 50%; 57 | transform: translate(-50%, -50%); 58 | } 59 | } 60 | } 61 | 62 | @media (max-width: 768px) { 63 | .collections-create { 64 | &__cardWrapper { 65 | grid-template-columns: 1fr; 66 | } 67 | &__main { 68 | &--products { 69 | &--filter { 70 | grid-template-columns: 1fr; 71 | } 72 | } 73 | } 74 | } 75 | } 76 | 77 | @media (max-width: 600px) { 78 | .collections-create { 79 | &__titlebar { 80 | display: grid; 81 | grid-template-columns: 1fr; 82 | margin-top: 40px; 83 | &--item { 84 | &:last-child { 85 | position: fixed; 86 | text-align: end; 87 | top: 50px; 88 | right: 0px; 89 | 90 | background: white; 91 | padding: 9px 15px; 92 | width: 100%; 93 | box-shadow: $box-shadow-200; 94 | // bottom: 1rem; 95 | } 96 | } 97 | } 98 | } 99 | } 100 | 101 | /********************** 102 | * COLLECTIONS EDIT 103 | **********************/ 104 | 105 | .collections__edit { 106 | max-width: 968px; 107 | margin: 0 auto; 108 | &__cardWrapper { 109 | display: grid; 110 | grid-template-columns: 1fr minmax(auto, 290px); 111 | grid-gap: 20px; 112 | } 113 | 114 | &__main { 115 | &--products { 116 | &--filter { 117 | display: grid; 118 | grid-template-columns: 2fr 1fr; 119 | grid-gap: 20px; 120 | align-items: center; 121 | border-bottom: 1px solid $border; 122 | padding-bottom: 1.2rem; 123 | } 124 | &--item { 125 | display: grid; 126 | grid-template-columns: 20px 70px 1fr 15px; 127 | align-items: center; 128 | 129 | // border-bottom: 1px solid $border; 130 | &--img { 131 | width: 100%; 132 | } 133 | &--delete { 134 | cursor: pointer; 135 | } 136 | } 137 | } 138 | } 139 | &__sidebar { 140 | &--form { 141 | border: 2px dashed $gray; 142 | position: relative; 143 | height: 200px; 144 | cursor: pointer; 145 | 146 | &--label { 147 | border: 1px solid $text300; 148 | padding: 9px 15px; 149 | border-radius: 4px; 150 | position: absolute; 151 | text-align: center; 152 | top: 50%; 153 | left: 50%; 154 | transform: translate(-50%, -50%); 155 | } 156 | 157 | &--input { 158 | // position: absolute; 159 | // top: 50%; 160 | // left: 50%; 161 | // transform: translate(-50%, -50%); 162 | height: 200px; 163 | opacity: 0; 164 | width: 100%; 165 | cursor: pointer; 166 | } 167 | &:hover { 168 | border: 2px dashed $primary100; 169 | background: $primary400; 170 | } 171 | } 172 | 173 | &--btn { 174 | position: absolute; 175 | top: 50%; 176 | left: 50%; 177 | transform: translate(-50%, -50%); 178 | } 179 | &--imgWrapper { 180 | border: 1px solid $border; 181 | } 182 | &--img { 183 | width: 100%; 184 | } 185 | } 186 | } 187 | 188 | @media (max-width: 768px) { 189 | .collections__edit { 190 | &__cardWrapper { 191 | grid-template-columns: 1fr; 192 | } 193 | &__main { 194 | &--products { 195 | &--filter { 196 | grid-template-columns: 1fr; 197 | } 198 | } 199 | } 200 | } 201 | } 202 | 203 | @media (max-width: 600px) { 204 | .collections__edit { 205 | &__titlebar { 206 | display: grid; 207 | grid-template-columns: 1fr; 208 | margin-top: 40px; 209 | &--item { 210 | &:last-child { 211 | position: fixed; 212 | text-align: end; 213 | top: 50px; 214 | right: 0px; 215 | z-index: 2; 216 | background: white; 217 | padding: 9px 15px; 218 | width: 100%; 219 | box-shadow: $box-shadow-200; 220 | // bottom: 1rem; 221 | } 222 | } 223 | } 224 | } 225 | } 226 | 227 | .collections { 228 | &__heading { 229 | grid-template-columns: 80px 1fr 100px 100px; 230 | } 231 | &__items { 232 | grid-template-columns: 80px 1fr 100px 100px; 233 | &--imgWrapper { 234 | max-width: 45px; 235 | min-width: 45px; 236 | } 237 | &--img { 238 | width: 100%; 239 | } 240 | } 241 | } 242 | 243 | @media (max-width: 600px) { 244 | .collections { 245 | &__heading { 246 | grid-template-columns: auto auto auto auto; 247 | } 248 | &__items { 249 | grid-template-columns: auto auto auto auto; 250 | } 251 | &__titlebar { 252 | display: grid; 253 | grid-template-columns: 1fr; 254 | margin-top: 40px; 255 | &--item { 256 | &:last-child { 257 | position: fixed; 258 | text-align: end; 259 | top: 50px; 260 | right: 0px; 261 | z-index: 2; 262 | background: white; 263 | padding: 9px 15px; 264 | width: 100%; 265 | box-shadow: $box-shadow-200; 266 | // bottom: 1rem; 267 | } 268 | } 269 | } 270 | } 271 | } 272 | -------------------------------------------------------------------------------- /styles/Orders/_orders.scss: -------------------------------------------------------------------------------- 1 | // .orders { 2 | // &__table { 3 | // background: $textwhite; 4 | // &--filter { 5 | // &--link { 6 | // margin-right: 1rem; 7 | // &:hover { 8 | // color: $primary200; 9 | // cursor: pointer; 10 | // &::after { 11 | // content: ''; 12 | // position: relative; 13 | // top: 20px; 14 | // border-bottom: 5px solid $primary200; 15 | // display: block; 16 | // } 17 | // } 18 | // &--active { 19 | // color: $secondary; 20 | // font-weight: 500; 21 | // &::after { 22 | // content: ''; 23 | // position: relative; 24 | // top: 20px; 25 | // border-bottom: 5px solid $primary200; 26 | // display: block; 27 | // } 28 | // } 29 | // } 30 | // &--collapseBtn { 31 | // display: none; 32 | // } 33 | // } 34 | 35 | // &--search { 36 | // display: grid; 37 | // grid-template-columns: minmax(150px, auto) minmax(180px, 1fr); 38 | // &--wrapper { 39 | // position: relative; 40 | // } 41 | // &--select { 42 | // appearance: none; 43 | // background: $gray100; 44 | // color: $text300; 45 | // width: 100%; 46 | // border: none; 47 | // border-top: 1px solid $border; 48 | // border-left: 1px solid $border; 49 | // border-bottom: 1px solid $border; 50 | // border-top-left-radius: 3px; 51 | // border-bottom-left-radius: 3px; 52 | // // background: $gray100; 53 | // // border: 1px solid $gray200; 54 | // // border-radius: 3px; 55 | // &:hover { 56 | // cursor: pointer; 57 | // } 58 | // &--arrow { 59 | // font-size: 1rem; 60 | // opacity: 0.7; 61 | // top: 8px; 62 | // right: 20px; 63 | // position: absolute; 64 | // } 65 | // } 66 | // &--input { 67 | // &--icon { 68 | // top: 12px; 69 | // left: 12px; 70 | // color: $gray200; 71 | // } 72 | // width: 100%; 73 | // border: none; 74 | // color: $text200; 75 | // // font-size: 14px; 76 | // border-top: 1px solid $border; 77 | // border-right: 1px solid $border; 78 | // border-bottom: 1px solid $border; 79 | // // border: 1px solid $gray200; 80 | // // border-radius: 3px; 81 | // border-top-right-radius: 3px; 82 | // border-bottom-right-radius: 3px; 83 | // } 84 | // } 85 | // &--heading { 86 | // gap: 10px; 87 | // display: grid; 88 | // grid-template-columns: 80px 1fr 1fr 1fr 1fr 40px 100px; 89 | // color: $text400; 90 | // font-size: 14px; 91 | // font-weight: 500; 92 | // } 93 | // &--items { 94 | // gap: 10px; 95 | // display: grid; 96 | // grid-template-columns: 80px 1fr 1fr 1fr 1fr 40px 100px; 97 | // &--indicator { 98 | // font-size: 0.7rem; 99 | // } 100 | // &--transactionId { 101 | // color: $secondary; 102 | // font-weight: 500; 103 | // } 104 | // &:hover { 105 | // background: $gray100; 106 | // cursor: pointer; 107 | // } 108 | // } 109 | // } 110 | // } 111 | 112 | .singleOrder { 113 | max-width: 968px; 114 | margin: 0 auto; 115 | &__title { 116 | &--indicator { 117 | font-size: 0.7rem; 118 | } 119 | } 120 | &__cardWrapper { 121 | display: grid; 122 | grid-template-columns: 1fr 290px; 123 | grid-gap: 20px; 124 | } 125 | &__main { 126 | &--card { 127 | background: white; 128 | &--trackInfo { 129 | border-bottom: 1px solid $border; 130 | padding-bottom: 1.2rem; 131 | } 132 | &--item { 133 | display: grid; 134 | // grid-gap: 20px; 135 | grid-template-columns: 85px 1fr; 136 | // grid-template-columns: repeat(auto-fit, minmax(100px, auto)); 137 | align-items: center; 138 | // justify-items: center; 139 | 140 | border-bottom: 1px solid $border; 141 | padding: 1rem 0; 142 | &:hover { 143 | cursor: pointer; 144 | } 145 | &--imgWrapper { 146 | width: 60px; 147 | position: relative; 148 | border: 1px solid $border; 149 | border-radius: 4px; 150 | } 151 | &--img { 152 | width: 100%; 153 | } 154 | &--countWrapper { 155 | top: -13px; 156 | right: -13px; 157 | position: absolute; 158 | color: white; 159 | background: $secondary; 160 | width: 25px; 161 | height: 25px; 162 | border-radius: 50px; 163 | text-align: center; 164 | padding-top: 3px; 165 | } 166 | &--title { 167 | color: $secondary; 168 | } 169 | } 170 | &--icon { 171 | &--fulfilled { 172 | background: $success; 173 | border-radius: 50px; 174 | width: 28px; 175 | height: 28px; 176 | display: grid; 177 | text-align: center; 178 | align-items: center; 179 | } 180 | &--unfulfilled { 181 | background: $warning; 182 | border-radius: 50px; 183 | width: 28px; 184 | height: 28px; 185 | display: grid; 186 | text-align: center; 187 | align-items: center; 188 | } 189 | } 190 | &--paymentDetails { 191 | display: grid; 192 | grid-template-columns: 80px 1fr auto; 193 | } 194 | } 195 | } 196 | &__sidebar { 197 | &--customer { 198 | &--imgWrapper { 199 | width: 40px; 200 | height: 40px; 201 | } 202 | &--img { 203 | width: 100%; 204 | border-radius: 50px; 205 | } 206 | } 207 | } 208 | } 209 | 210 | @media (max-width: 768px) { 211 | .singleOrder { 212 | &__cardWrapper { 213 | grid-template-columns: 1fr; 214 | } 215 | } 216 | } 217 | 218 | @media (max-width: 500px) { 219 | .singleOrder { 220 | &__main { 221 | &--card { 222 | &--item { 223 | grid-template-columns: 1fr; 224 | &--details { 225 | margin-top: 10px; 226 | } 227 | } 228 | // &--paymentDetails { 229 | // // display: none; 230 | // grid-template-columns: repeat(auto-fit, minmax(70px, 1fr)); 231 | // } 232 | } 233 | } 234 | } 235 | } 236 | @media (max-width: 600px) { 237 | // .orders__table { 238 | // &--search { 239 | // grid-template-columns: 1fr; 240 | // grid-row-gap: 20px; 241 | // &--select { 242 | // border-top-right-radius: 4px; 243 | // border-bottom-right-radius: 4px; 244 | // border-right: 1px solid $border; 245 | // } 246 | // &--input { 247 | // border-top-left-radius: 4px; 248 | // border-bottom-left-radius: 4px; 249 | // border-left: 1px solid $border; 250 | // } 251 | // } 252 | 253 | // &--heading { 254 | // grid-template-columns: repeat(5, 1fr); 255 | // &--col4 { 256 | // display: none; 257 | // } 258 | // &--col5 { 259 | // display: none; 260 | // } 261 | // } 262 | // &--items { 263 | // grid-template-columns: repeat(5, 1fr); 264 | // &--col4 { 265 | // display: none; 266 | // } 267 | // &--col5 { 268 | // display: none; 269 | // } 270 | // } 271 | 272 | // &--filter { 273 | // &--listWrapper { 274 | // display: none; 275 | // } 276 | // &--collapseBtn { 277 | // display: block; 278 | // font-size: 1.3rem; 279 | // color: $gray; 280 | // cursor: pointer; 281 | // } 282 | // &--list { 283 | // margin-top: 1rem; 284 | // display: grid; 285 | // grid-template-columns: 1fr; 286 | 287 | // // grid-template-rows: repeat(8, 40px); 288 | // } 289 | // &--link { 290 | // padding: 0.6rem 0; 291 | // &:hover { 292 | // background: $gray100; 293 | // cursor: pointer; 294 | // display: block; 295 | // width: 100%; 296 | // &::after { 297 | // display: none; 298 | // } 299 | // } 300 | // &--active { 301 | // color: $secondary; 302 | // font-weight: 500; 303 | // &::after { 304 | // display: none; 305 | // } 306 | // } 307 | // } 308 | // } 309 | // } 310 | } 311 | -------------------------------------------------------------------------------- /styles/Products/_products.scss: -------------------------------------------------------------------------------- 1 | .products { 2 | // max-width: 968px; 3 | // margin: 0 auto; 4 | // height: 100vh; 5 | &__titlebar { 6 | @media (max-width: 600px) { 7 | display: grid; 8 | grid-template-columns: 1fr; 9 | margin-top: 40px; 10 | &--item { 11 | &:last-child { 12 | position: fixed; 13 | text-align: end; 14 | top: 50px; 15 | right: 0px; 16 | 17 | background: white; 18 | padding: 9px 15px; 19 | width: 100%; 20 | box-shadow: $box-shadow-200; 21 | // bottom: 1rem; 22 | } 23 | } 24 | } 25 | } 26 | &__empty { 27 | height: 70vh; 28 | 29 | &__content { 30 | display: grid; 31 | grid-template-columns: 1fr 1.3fr; 32 | grid-template-rows: 70vh; 33 | &--info { 34 | font-size: 18px; 35 | min-width: 250px; 36 | } 37 | &--img { 38 | max-width: 550px; 39 | margin-left: auto; 40 | margin-right: auto; 41 | } 42 | 43 | @media (max-width: 1068px) { 44 | grid-template-columns: 1fr auto; 45 | } 46 | 47 | @media (max-width: 1048px) { 48 | grid-template-columns: 1fr; 49 | grid-template-rows: 30vh; 50 | } 51 | } 52 | } 53 | &__list { 54 | &__heading { 55 | // border-bottom: 1px solid $border; 56 | // padding-bottom: 1.2rem; 57 | 58 | grid-template-columns: 80px 1fr 140px 120px 100px; 59 | 60 | @media (max-width: 768px) { 61 | grid-template-columns: auto 1fr auto auto auto; 62 | } 63 | } 64 | &__item { 65 | // background: $border; 66 | // border-radius: 3px; 67 | // padding: 7px; 68 | // margin: 0 7px 7px 0; 69 | 70 | border-bottom: 1px solid $border; 71 | 72 | grid-template-columns: 80px 1fr 140px 120px 100px; 73 | &--imgWrapper { 74 | max-width: 45px; 75 | min-width: 45px; 76 | } 77 | &--img { 78 | width: 100%; 79 | } 80 | @media (max-width: 768px) { 81 | grid-template-columns: auto 1fr auto auto auto; 82 | } 83 | } 84 | } 85 | &__create { 86 | max-width: 968px; 87 | margin: 0 auto; 88 | &__titlebar { 89 | @media (max-width: 600px) { 90 | display: grid; 91 | grid-template-columns: 1fr; 92 | margin-top: 40px; 93 | &--item { 94 | &:last-child { 95 | position: fixed; 96 | text-align: end; 97 | top: 50px; 98 | right: 0px; 99 | 100 | background: white; 101 | padding: 9px 15px; 102 | width: 100%; 103 | box-shadow: $box-shadow-200; 104 | // bottom: 1rem; 105 | z-index: 1; 106 | } 107 | } 108 | } 109 | } 110 | &__cardWrapper { 111 | display: grid; 112 | grid-template-columns: 1fr minmax(auto, 290px); 113 | grid-gap: 20px; 114 | 115 | @media (max-width: 768px) { 116 | grid-template-columns: 1fr; 117 | } 118 | } 119 | &__main { 120 | &--pricing { 121 | &--col { 122 | display: grid; 123 | grid-template-columns: 1fr 1fr; 124 | grid-gap: 20px; 125 | 126 | @media (max-width: 400px) { 127 | grid-template-columns: 1fr; 128 | } 129 | } 130 | } 131 | &--media { 132 | &--form { 133 | border: 2px dashed $gray; 134 | position: relative; 135 | // height: 200px; 136 | cursor: pointer; 137 | 138 | &--label { 139 | border: 1px solid $text300; 140 | padding: 9px 15px; 141 | border-radius: 4px; 142 | position: absolute; 143 | text-align: center; 144 | top: 50%; 145 | left: 50%; 146 | transform: translate(-50%, -50%); 147 | } 148 | 149 | &--input { 150 | height: 200px; 151 | opacity: 0; 152 | width: 100%; 153 | cursor: pointer; 154 | } 155 | &:hover { 156 | border: 2px dashed $primary100; 157 | background: $primary400; 158 | } 159 | } 160 | &--images { 161 | &--list { 162 | // display: flex; 163 | // justify-content: flex-start; 164 | // flex-wrap: wrap; 165 | // gap: 10px; 166 | display: grid; 167 | grid-template-columns: repeat(5, 1fr); 168 | 169 | grid-gap: 5px; 170 | 171 | @media (max-width: 400px) { 172 | grid-template-columns: repeat( 173 | auto-fit, 174 | minmax(50px, 1fr) 175 | ); 176 | } 177 | } 178 | &--item { 179 | &:first-child { 180 | grid-column: 1 / span 2; 181 | grid-row: 1 / span 2; 182 | } 183 | &:last-child { 184 | border: none; 185 | &:hover { 186 | outline: none; 187 | opacity: 1; 188 | } 189 | } 190 | 191 | position: relative; 192 | border: 1px solid $border; 193 | border-radius: 4px; 194 | 195 | &:hover { 196 | cursor: pointer; 197 | // border: 2px solid $primary200; 198 | outline: solid 2px $primary200; 199 | // box-shadow: 0 0 3px 0 #ddd; 200 | // box-shadow: 0 0 3px $primary200; 201 | opacity: 0.5; 202 | } 203 | &--imgWrapper { 204 | box-sizing: border-box; 205 | // height: 100px; 206 | // width: 100px; 207 | // height: 100px; 208 | // max-width: 100px; 209 | // max-height: 100px; 210 | // min-height: 30px; 211 | // overflow: hidden; 212 | 213 | text-align: center; 214 | margin-left: auto; 215 | margin-right: auto; 216 | // margin-right: 10px; 217 | // transition: all 0.3s; 218 | } 219 | &--img { 220 | width: 100%; 221 | height: 100%; 222 | // height: 100px; 223 | object-fit: cover; 224 | } 225 | &--close { 226 | position: absolute; 227 | right: 0; 228 | top: 0; 229 | cursor: pointer; 230 | font-size: 1.5rem; 231 | } 232 | &--form { 233 | border: 2px dashed $gray; 234 | position: relative; 235 | // height: 200px; 236 | cursor: pointer; 237 | 238 | &--label { 239 | // border: 1px solid $text300; 240 | padding: 9px 15px; 241 | border-radius: 4px; 242 | position: absolute; 243 | text-align: center; 244 | top: 50%; 245 | left: 50%; 246 | transform: translate(-50%, -50%); 247 | } 248 | 249 | &--input { 250 | height: 100px; 251 | opacity: 0; 252 | width: 100%; 253 | cursor: pointer; 254 | } 255 | &:hover { 256 | border: 2px dashed $primary100; 257 | background: $primary400; 258 | } 259 | } 260 | } 261 | } 262 | } 263 | &--inventory { 264 | &--col { 265 | display: grid; 266 | grid-template-columns: 1fr 1fr; 267 | grid-gap: 20px; 268 | 269 | @media (max-width: 400px) { 270 | grid-template-columns: 1fr; 271 | } 272 | } 273 | } 274 | &--variants { 275 | &--col { 276 | display: grid; 277 | grid-template-columns: 150px 1fr; 278 | grid-gap: 20px; 279 | 280 | @media (max-width: 400px) { 281 | grid-template-columns: 1fr; 282 | } 283 | 284 | &--optionValues { 285 | &--wrapper { 286 | border: 1px solid $border; 287 | border-radius: 5px; 288 | padding: 0 1rem; 289 | } 290 | &--tagsList { 291 | // display: grid; 292 | // grid-template-columns: repeat( 293 | // auto-fill, 294 | // minmax(100px, auto) 295 | // ); 296 | display: flex; 297 | justify-content: flex-start; 298 | flex-wrap: wrap; 299 | } 300 | &--tagsItem { 301 | background: $border; 302 | border-radius: 3px; 303 | padding: 7px; 304 | margin: 0 7px 7px 0; 305 | } 306 | &--tagsCLose { 307 | padding-left: 10px; 308 | cursor: pointer; 309 | &:hover { 310 | color: $gray; 311 | } 312 | } 313 | &--inputTagsWrapper { 314 | padding: 7px 0; 315 | } 316 | &--input { 317 | border: none; 318 | width: 100%; 319 | } 320 | } 321 | } 322 | &--preview { 323 | border-left: 1px solid $border; 324 | border-right: 1px solid $border; 325 | border-bottom: 1px solid $border; 326 | &--heading { 327 | display: grid; 328 | grid-template-columns: repeat( 329 | auto-fit, 330 | minmax(150px, 1fr) 331 | ); 332 | grid-gap: 20px; 333 | align-items: center; 334 | border-bottom: 1px solid $border; 335 | padding-bottom: 1.2rem; 336 | 337 | @media (max-width: 930px) { 338 | grid-template-columns: minmax(100px, auto) auto auto; 339 | } 340 | 341 | @media (max-width: 400px) { 342 | grid-template-columns: 1fr; 343 | } 344 | } 345 | &--item { 346 | display: grid; 347 | grid-template-columns: repeat( 348 | auto-fit, 349 | minmax(150px, 1fr) 350 | ); 351 | 352 | grid-gap: 20px; 353 | align-items: center; 354 | border-bottom: 1px solid $border; 355 | padding: 1.2rem 2rem; 356 | &:hover { 357 | background: $gray300; 358 | cursor: pointer; 359 | } 360 | 361 | @media (max-width: 930px) { 362 | grid-template-columns: minmax(100px, auto) auto auto; 363 | } 364 | 365 | @media (max-width: 400px) { 366 | grid-template-columns: 1fr !important; 367 | } 368 | } 369 | } 370 | } 371 | } 372 | &__sidebar { 373 | &--btn { 374 | position: absolute; 375 | top: 50%; 376 | left: 50%; 377 | transform: translate(-50%, -50%); 378 | } 379 | } 380 | } 381 | 382 | &__edit { 383 | max-width: 968px; 384 | margin: 0 auto; 385 | 386 | &__titlebar { 387 | @media (max-width: 600px) { 388 | display: grid; 389 | grid-template-columns: 1fr; 390 | margin-top: 40px; 391 | &--item { 392 | &:last-child { 393 | position: fixed; 394 | text-align: end; 395 | top: 50px; 396 | right: 0px; 397 | 398 | background: white; 399 | padding: 9px 15px; 400 | width: 100%; 401 | box-shadow: $box-shadow-200; 402 | // bottom: 1rem; 403 | z-index: 1; 404 | } 405 | } 406 | } 407 | } 408 | &__cardWrapper { 409 | display: grid; 410 | grid-template-columns: 1fr minmax(auto, 290px); 411 | grid-gap: 20px; 412 | 413 | @media (max-width: 768px) { 414 | grid-template-columns: 1fr; 415 | } 416 | } 417 | &__main { 418 | max-width: 670px; 419 | min-width: 300px; 420 | &--pricing { 421 | &--col { 422 | display: grid; 423 | grid-template-columns: 1fr 1fr; 424 | grid-gap: 20px; 425 | 426 | @media (max-width: 400px) { 427 | grid-template-columns: 1fr; 428 | } 429 | } 430 | } 431 | &--media { 432 | &--form { 433 | border: 2px dashed $gray; 434 | position: relative; 435 | // height: 200px; 436 | cursor: pointer; 437 | 438 | &--label { 439 | border: 1px solid $text300; 440 | padding: 9px 15px; 441 | border-radius: 4px; 442 | position: absolute; 443 | text-align: center; 444 | top: 50%; 445 | left: 50%; 446 | transform: translate(-50%, -50%); 447 | } 448 | 449 | &--input { 450 | height: 200px; 451 | opacity: 0; 452 | width: 100%; 453 | cursor: pointer; 454 | } 455 | &:hover { 456 | border: 2px dashed $primary100; 457 | background: $primary400; 458 | } 459 | } 460 | &--images { 461 | &--list { 462 | // display: flex; 463 | // justify-content: flex-start; 464 | // flex-wrap: wrap; 465 | // gap: 10px; 466 | display: grid; 467 | grid-template-columns: repeat(5, 1fr); 468 | 469 | grid-gap: 5px; 470 | 471 | @media (max-width: 400px) { 472 | grid-template-columns: repeat( 473 | auto-fit, 474 | minmax(50px, 1fr) 475 | ); 476 | } 477 | } 478 | &--item { 479 | &:first-child { 480 | grid-column: 1 / span 2; 481 | grid-row: 1 / span 2; 482 | } 483 | &:last-child { 484 | border: none; 485 | &:hover { 486 | outline: none; 487 | opacity: 1; 488 | } 489 | } 490 | 491 | position: relative; 492 | border: 1px solid $border; 493 | border-radius: 4px; 494 | 495 | &:hover { 496 | cursor: pointer; 497 | // border: 2px solid $primary200; 498 | outline: solid 2px $primary200; 499 | // box-shadow: 0 0 3px 0 #ddd; 500 | // box-shadow: 0 0 3px $primary200; 501 | opacity: 0.5; 502 | } 503 | &--imgWrapper { 504 | box-sizing: border-box; 505 | // height: 100px; 506 | // width: 100px; 507 | // height: 100px; 508 | // max-width: 100px; 509 | // max-height: 100px; 510 | // min-height: 30px; 511 | // overflow: hidden; 512 | 513 | text-align: center; 514 | margin-left: auto; 515 | margin-right: auto; 516 | // margin-right: 10px; 517 | // transition: all 0.3s; 518 | } 519 | &--img { 520 | width: 100%; 521 | height: 100%; 522 | // height: 100px; 523 | object-fit: cover; 524 | } 525 | &--close { 526 | position: absolute; 527 | right: 0; 528 | top: 0; 529 | cursor: pointer; 530 | font-size: 1.5rem; 531 | } 532 | &--form { 533 | border: 2px dashed $gray; 534 | position: relative; 535 | // height: 200px; 536 | cursor: pointer; 537 | 538 | &--label { 539 | // border: 1px solid $text300; 540 | padding: 9px 15px; 541 | border-radius: 4px; 542 | position: absolute; 543 | text-align: center; 544 | top: 50%; 545 | left: 50%; 546 | transform: translate(-50%, -50%); 547 | } 548 | 549 | &--input { 550 | height: 100px; 551 | opacity: 0; 552 | width: 100%; 553 | cursor: pointer; 554 | } 555 | &:hover { 556 | border: 2px dashed $primary100; 557 | background: $primary400; 558 | } 559 | } 560 | } 561 | } 562 | } 563 | &--inventory { 564 | &--col { 565 | display: grid; 566 | grid-template-columns: 1fr 1fr; 567 | grid-gap: 20px; 568 | 569 | @media (max-width: 400px) { 570 | grid-template-columns: 1fr; 571 | } 572 | } 573 | } 574 | &--variants { 575 | &--preview { 576 | border-left: 1px solid $border; 577 | border-right: 1px solid $border; 578 | border-bottom: 1px solid $border; 579 | 580 | &--wrapper { 581 | // width: 678px; 582 | width: 100%; 583 | overflow-x: auto; 584 | // background: red; 585 | } 586 | 587 | &--heading { 588 | display: grid; 589 | grid-template-columns: 70px 100px 100px 150px 120px 80px; 590 | // grid-template-columns: repeat( 591 | // auto-fit, 592 | // minmax(150px, auto) 593 | // ); 594 | grid-gap: 20px; 595 | align-items: center; 596 | border-bottom: 1px solid $border; 597 | padding-bottom: 1.2rem; 598 | width: 80vh; 599 | 600 | // @media (max-width: 930px) { 601 | // grid-template-columns: minmax(100px, auto) auto auto; 602 | // } 603 | 604 | // @media (max-width: 400px) { 605 | // grid-template-columns: 1fr; 606 | // } 607 | } 608 | &--item { 609 | display: grid; 610 | // grid-template-columns: repeat( 611 | // auto-fit, 612 | // minmax(150px, 1fr) 613 | // ); 614 | 615 | grid-template-columns: 70px 100px 100px 150px 120px 80px; 616 | 617 | grid-gap: 20px; 618 | align-items: center; 619 | border-bottom: 1px solid $border; 620 | padding: 1.2rem 1.5rem; 621 | width: 80vh; 622 | 623 | &:hover { 624 | background: $gray300; 625 | } 626 | 627 | &--imgWrapper { 628 | width: 40px; 629 | height: 40px; 630 | &:hover { 631 | cursor: pointer; 632 | } 633 | } 634 | &--img { 635 | width: 100%; 636 | } 637 | 638 | // @media (max-width: 930px) { 639 | // grid-template-columns: minmax(100px, auto) auto auto; 640 | // } 641 | 642 | // @media (max-width: 400px) { 643 | // grid-template-columns: 1fr !important; 644 | // } 645 | } 646 | } 647 | &--uploadModal { 648 | &--list { 649 | display: grid; 650 | grid-template-columns: repeat(4, 1fr); 651 | grid-gap: 10px; 652 | height: 300px; 653 | overflow-y: scroll; 654 | padding: 1rem; 655 | } 656 | &--item { 657 | border: 1px solid $border; 658 | border-radius: 4px; 659 | position: relative; 660 | 661 | &:hover { 662 | cursor: pointer; 663 | outline: solid 2px $primary200; 664 | } 665 | &--imgWrapper { 666 | text-align: center; 667 | margin-left: auto; 668 | margin-right: auto; 669 | &:hover { 670 | cursor: pointer; 671 | } 672 | } 673 | &--img { 674 | width: 100%; 675 | height: 100%; 676 | object-fit: cover; 677 | } 678 | &--selectCheck { 679 | position: absolute; 680 | top: 5px; 681 | right: 5px; 682 | color: $primary200; 683 | font-size: 1.1rem; 684 | } 685 | 686 | &--form { 687 | border: 2px dashed $gray; 688 | position: relative; 689 | // height: 200px; 690 | cursor: pointer; 691 | 692 | &--label { 693 | // border: 1px solid $text300; 694 | padding: 9px 15px; 695 | border-radius: 4px; 696 | position: absolute; 697 | text-align: center; 698 | top: 50%; 699 | left: 50%; 700 | transform: translate(-50%, -50%); 701 | } 702 | 703 | &--input { 704 | height: 100px; 705 | opacity: 0; 706 | width: 100%; 707 | cursor: pointer; 708 | } 709 | &:hover { 710 | border: 2px dashed $primary100; 711 | background: $primary400; 712 | } 713 | } 714 | } 715 | } 716 | } 717 | } 718 | &__sidebar { 719 | &--btn { 720 | position: absolute; 721 | top: 50%; 722 | left: 50%; 723 | transform: translate(-50%, -50%); 724 | } 725 | } 726 | } 727 | &__variant { 728 | &__edit { 729 | max-width: 900px; 730 | margin: 0 auto; 731 | 732 | &__titlebar { 733 | @media (max-width: 600px) { 734 | display: grid; 735 | grid-template-columns: 1fr; 736 | margin-top: 40px; 737 | &--item { 738 | &:last-child { 739 | position: fixed; 740 | text-align: end; 741 | top: 50px; 742 | right: 0px; 743 | 744 | background: white; 745 | padding: 9px 15px; 746 | width: 100%; 747 | box-shadow: $box-shadow-200; 748 | // bottom: 1rem; 749 | z-index: 1; 750 | } 751 | } 752 | } 753 | } 754 | 755 | &--cardWrapper { 756 | display: grid; 757 | grid-template-columns: minmax(auto, 290px) 1fr; 758 | grid-gap: 20px; 759 | 760 | @media (max-width: 768px) { 761 | grid-template-columns: 1fr; 762 | } 763 | } 764 | 765 | &--sidebar { 766 | &--info { 767 | display: grid; 768 | grid-template-columns: 80px 1fr; 769 | grid-gap: 20px; 770 | align-items: center; 771 | &--imgWrapper { 772 | width: 80px; 773 | border: 1px solid $border; 774 | border-radius: 4px; 775 | } 776 | &--img { 777 | width: 100%; 778 | } 779 | } 780 | &--variants { 781 | &--item { 782 | display: grid; 783 | grid-template-columns: 45px 1fr; 784 | grid-gap: 20px; 785 | align-items: center; 786 | cursor: pointer; 787 | padding: 5px 20px; 788 | border-top: 1px solid $border; 789 | &:hover { 790 | background: $gray300; 791 | } 792 | &:active, 793 | &:focus, 794 | &:link { 795 | background: $primary200; 796 | color: white; 797 | } 798 | &--imgWrapper { 799 | width: 45px; 800 | height: 45px; 801 | } 802 | &--img { 803 | width: 100%; 804 | } 805 | &--active { 806 | background: $primary200; 807 | color: white; 808 | } 809 | } 810 | } 811 | } 812 | &--main { 813 | &--options { 814 | &--wrapper { 815 | display: grid; 816 | grid-template-columns: 1fr 120px; 817 | grid-gap: 20px; 818 | align-items: center; 819 | 820 | @media (max-width: 468px) { 821 | grid-template-columns: 1fr; 822 | } 823 | } 824 | &--upload { 825 | text-align: center; 826 | &--imgWrapper { 827 | border: 2px dashed $border; 828 | // height: 100px; 829 | // cursor: pointer; 830 | // text-align: center; 831 | cursor: pointer; 832 | padding: 5px; 833 | 834 | // &:hover { 835 | // background: $primary300; 836 | // border: 2px dashed $primary200; 837 | // } 838 | } 839 | &--img { 840 | width: 100%; 841 | } 842 | } 843 | } 844 | &--pricing { 845 | &--inputWrapper { 846 | display: grid; 847 | grid-template-columns: 1fr 1fr; 848 | grid-gap: 20px; 849 | @media (max-width: 468px) { 850 | grid-template-columns: 1fr; 851 | } 852 | } 853 | } 854 | &--inventory { 855 | &--inputWrapper { 856 | display: grid; 857 | grid-template-columns: 1fr 1fr; 858 | grid-gap: 20px; 859 | @media (max-width: 468px) { 860 | grid-template-columns: 1fr; 861 | } 862 | } 863 | } 864 | } 865 | } 866 | } 867 | } 868 | -------------------------------------------------------------------------------- /styles/style.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "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", 4 | "sources": [ 5 | "style.scss", 6 | "_variables.scss", 7 | "_components.scss", 8 | "_helpers.scss", 9 | "_header.scss", 10 | "_global.scss", 11 | "_main.scss", 12 | "_nav.scss", 13 | "_toggle.scss", 14 | "Components/_paginate.scss", 15 | "Components/_table.scss", 16 | "Components/_buttons.scss", 17 | "Components/_select.scss", 18 | "Components/_breadcramb.scss", 19 | "Components/_input.scss", 20 | "Components/_modal.scss", 21 | "Components/_checkbox.scss", 22 | "Customers/_customers.scss", 23 | "Home/_home.scss", 24 | "Orders/_orders.scss", 25 | "Orders/_abandoned.scss", 26 | "Orders/_fulfillment.scss", 27 | "Collections/_collections.scss", 28 | "Products/_products.scss" 29 | ], 30 | "names": [], 31 | "file": "style.css" 32 | } -------------------------------------------------------------------------------- /assets/images/busy-marketing.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 | 214 | 215 | 216 | 217 | 218 | 219 | 220 | 221 | 222 | 223 | 224 | 225 | 226 | 227 | 228 | 229 | 230 | 231 | 232 | 233 | 234 | 235 | 236 | 237 | 238 | 239 | 240 | 241 | 242 | 243 | 244 | 245 | 246 | 247 | 248 | 249 | 250 | 251 | 252 | 253 | 254 | 255 | 256 | 257 | 258 | 259 | 260 | 261 | 262 | 263 | 264 | 265 | 266 | 267 | 268 | 269 | 270 | 271 | 272 | 273 | 274 | 275 | 276 | 277 | 278 | 279 | 280 | 281 | 282 | 283 | 284 | 285 | 286 | 287 | 288 | 289 | 290 | 291 | 292 | 293 | 294 | 295 | 296 | 297 | 298 | 299 | 300 | 301 | 302 | 303 | 304 | 305 | 306 | 307 | 308 | 309 | 310 | 311 | 312 | 313 | 314 | 315 | 316 | 317 | 318 | 319 | 320 | 321 | 322 | 323 | 324 | 325 | 326 | 327 | 328 | 329 | 330 | 331 | 332 | 333 | 334 | 335 | 336 | 337 | 338 | 339 | 340 | 341 | 342 | 343 | 344 | 345 | 346 | 347 | 348 | 349 | 350 | 351 | 352 | 353 | 354 | 355 | 356 | 357 | 358 | 359 | 360 | 361 | 362 | 363 | 364 | 365 | 366 | 367 | 368 | 369 | 370 | 371 | 372 | 373 | 374 | 375 | 376 | 377 | 378 | 379 | 380 | 381 | 382 | 383 | 384 | 385 | 386 | 387 | 388 | 389 | 390 | 391 | 392 | 393 | 394 | 395 | 396 | 397 | 398 | 399 | 400 | 401 | 402 | 403 | 404 | 405 | 406 | 407 | 408 | 409 | 410 | 411 | 412 | 413 | 414 | --------------------------------------------------------------------------------