545 lines
9.1 KiB
SCSS
545 lines
9.1 KiB
SCSS
.cropUploadFieldSmall {
|
|
:where(.css-dev-only-do-not-override-1v5z42l).ant-upload-wrapper.ant-upload-picture-card-wrapper
|
|
.ant-upload-list.ant-upload-list-picture-card
|
|
.ant-upload-list-item-container,
|
|
:where(.css-dev-only-do-not-override-1v5z42l).ant-upload-wrapper.ant-upload-picture-circle-wrapper
|
|
.ant-upload-list.ant-upload-list-picture-card
|
|
.ant-upload-list-item-container,
|
|
:where(.css-dev-only-do-not-override-1v5z42l).ant-upload-wrapper.ant-upload-picture-card-wrapper
|
|
.ant-upload-list.ant-upload-list-picture-circle
|
|
.ant-upload-list-item-container,
|
|
:where(.css-dev-only-do-not-override-1v5z42l).ant-upload-wrapper.ant-upload-picture-circle-wrapper
|
|
.ant-upload-list.ant-upload-list-picture-circle
|
|
.ant-upload-list-item-container {
|
|
width: 65px;
|
|
height: 65px;
|
|
}
|
|
}
|
|
|
|
// .cropUploadFieldSmallNoData {
|
|
|
|
// :where(.css-dev-only-do-not-override-1v5z42l).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select,
|
|
// :where(.css-dev-only-do-not-override-1v5z42l).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload.ant-upload-select {
|
|
// width: 65px;
|
|
// height: 65px;
|
|
// }
|
|
// }
|
|
|
|
.productinputForm {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 6px;
|
|
|
|
& .field-DropDown {
|
|
width: 200px !important;
|
|
}
|
|
|
|
& .ant-input {
|
|
width: 200px;
|
|
}
|
|
|
|
& .example {
|
|
width: 200px;
|
|
}
|
|
}
|
|
|
|
.field-DropDown-Supp {
|
|
width: 176px !important;
|
|
}
|
|
|
|
.productcollapse .ant-collapse {
|
|
width: 100%;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
color: #000000;
|
|
background-color: "rgba(0, 0, 0, 0.02)";
|
|
|
|
& .ant-form-item .ant-form-item-explain-error {
|
|
font-weight: 400 !important;
|
|
}
|
|
}
|
|
|
|
.productcollapse1 {
|
|
& .field-DropDown {
|
|
width: 200px !important;
|
|
}
|
|
|
|
& .ant-input {
|
|
width: 210px;
|
|
}
|
|
|
|
& .example {
|
|
width: 190px;
|
|
}
|
|
}
|
|
|
|
.subProdCatData .field-DropDown {
|
|
width: 185px !important;
|
|
}
|
|
|
|
.qrcode {
|
|
cursor: pointer;
|
|
padding: 10px;
|
|
width: 180px;
|
|
background-color: #dbd1d1;
|
|
border-radius: 7px;
|
|
}
|
|
|
|
.qrAdd {
|
|
cursor: pointer;
|
|
padding: 5px;
|
|
width: 43px;
|
|
background-color: #52c41a;
|
|
border-radius: 7px;
|
|
}
|
|
|
|
.Qrcodediv {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex-direction: row;
|
|
gap: 2rem;
|
|
}
|
|
|
|
.subQrcode {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex-direction: row;
|
|
gap: 2rem;
|
|
}
|
|
|
|
.subRowFlex {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex-direction: row;
|
|
gap: 1.5rem;
|
|
|
|
.ant-form-item,
|
|
.float-label {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.ant-form-item-explain-error {
|
|
position: relative;
|
|
top: 16px;
|
|
left: 2px;
|
|
}
|
|
}
|
|
.ProSubRowFlex {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex-direction: row;
|
|
gap: 1.5rem;
|
|
width: 100%;
|
|
|
|
.ant-form-item,
|
|
.float-label {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.ant-form-item-explain-error {
|
|
position: relative;
|
|
top: 16px;
|
|
left: 2px;
|
|
}
|
|
}
|
|
|
|
.scannerdiv {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex-direction: row;
|
|
gap: 0.5rem;
|
|
}
|
|
|
|
.custom-tooltip .ant-tooltip-inner {
|
|
background-color: white !important;
|
|
}
|
|
|
|
.subinputFormProd {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 2rem;
|
|
}
|
|
|
|
.subColumnFlex {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex-direction: column;
|
|
gap: 1rem;
|
|
}
|
|
|
|
.productImg {
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
// justify-content: space-between;
|
|
& label {
|
|
font-weight: 600;
|
|
}
|
|
}
|
|
|
|
.quantityPrice {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex-direction: row;
|
|
gap: 1rem;
|
|
}
|
|
|
|
.quantityAddPrice {
|
|
font-size: 20px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.addDetails {
|
|
display: flex;
|
|
flex-flow: wrap;
|
|
gap: 0.5rem;
|
|
background: antiquewhite;
|
|
justify-content: center;
|
|
width: min(176px, 188px);
|
|
height: 52px;
|
|
// width: 20%;
|
|
// height: 45px;
|
|
padding: 10px 0px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.qrExistsData {
|
|
width: 25%;
|
|
}
|
|
|
|
.qrExistsTextData {
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
//----------------------
|
|
|
|
.productonlineImg {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 1rem;
|
|
row-gap: 1rem;
|
|
height: 60vh;
|
|
overflow: auto;
|
|
// width: 40rem;
|
|
}
|
|
|
|
.singleimg {
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 10rem;
|
|
border-style: solid;
|
|
border-color: #a09e9e;
|
|
}
|
|
|
|
.selected {
|
|
border: 2px solid #52c41a;
|
|
}
|
|
|
|
.onlineimgplus {
|
|
margin-top: -0.5rem;
|
|
}
|
|
|
|
.requireds {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.selected-image {
|
|
display: flex;
|
|
margin-left: 1rem;
|
|
height: fit-content;
|
|
row-gap: 50px;
|
|
border: 2px solid rgb(168, 168, 168);
|
|
}
|
|
|
|
.onlinebtn {
|
|
width: 5.5rem;
|
|
background-color: #dbd1d1;
|
|
color: #000000;
|
|
border: 0.5px solid gray;
|
|
border-radius: 3px;
|
|
padding: 3px;
|
|
position: relative;
|
|
bottom: 1rem;
|
|
z-index: 50;
|
|
}
|
|
|
|
.onlinebtnProduct {
|
|
width: 100%;
|
|
background-color: #dbd1d1;
|
|
color: #000000;
|
|
border: 0.5px solid gray;
|
|
border-radius: 3px;
|
|
padding: 3px;
|
|
position: relative;
|
|
bottom: -1rem;
|
|
z-index: 50;
|
|
}
|
|
|
|
.bothbtn {
|
|
margin-top: 6px;
|
|
}
|
|
|
|
.prodAddData {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.prodAddDetails {
|
|
color: #1292ee;
|
|
text-decoration-line: underline;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
cursor: pointer;
|
|
width: 130px;
|
|
}
|
|
|
|
.addVariantDetails {
|
|
background: #daecfd;
|
|
color: #1292ee;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
height: 50px;
|
|
cursor: pointer;
|
|
width: 150px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.addVariant {
|
|
background: #23378a29;
|
|
color: #23378a;
|
|
padding: 12px 24px;
|
|
border: none;
|
|
font-family: "Poppins", sans-serif;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
cursor: pointer;
|
|
border-radius: 6px;
|
|
outline: none;
|
|
height: max-content;
|
|
}
|
|
|
|
.renderVariantForms {
|
|
& .ant-collapse-header-text {
|
|
color: #1292ee;
|
|
/* Change this to the color you desire */
|
|
}
|
|
|
|
& .ant-collapse-header {
|
|
background: #daecfd;
|
|
}
|
|
}
|
|
|
|
.prodIcons {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.Product-masterDIv .ant-modal .ant-modal-content {
|
|
padding: 10px 10px !important;
|
|
}
|
|
|
|
.viewerExcelupload .ant-table-wrapper,
|
|
.viewerExcelupload .ant-table-tbody > tr.ant-table-row > td {
|
|
padding: 4px;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.viewerExcelupload .ant-table-wrapper,
|
|
.viewerExcelupload .ant-table-thead > tr > th {
|
|
padding: 1px 8px !important;
|
|
}
|
|
|
|
.Bulkdelete {
|
|
background-color: red;
|
|
color: white;
|
|
}
|
|
|
|
.productMasterImageUpload {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
height: 7rem;
|
|
gap: 10px;
|
|
|
|
.cropUploadFieldSmall,
|
|
.cropUploadFieldSmallNoData {
|
|
height: 100% !important;
|
|
}
|
|
|
|
.onlineimgplus {
|
|
position: absolute;
|
|
bottom: -22px;
|
|
z-index: 10;
|
|
}
|
|
|
|
.ant-upload-list-item-done {
|
|
position: relative !important;
|
|
bottom: 2.5rem !important;
|
|
}
|
|
|
|
.ant-upload-wrapper {
|
|
height: 6rem;
|
|
}
|
|
}
|
|
|
|
.emi-available {
|
|
padding-left: 10px;
|
|
|
|
p {
|
|
padding-bottom: 0 !important;
|
|
}
|
|
}
|
|
|
|
//srinath
|
|
@media only screen and (max-width: 499px) {
|
|
.subRowFlex {
|
|
.product-add-iconMargin {
|
|
margin-top: 15px !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
.productinputForm {
|
|
.ant-input-affix-wrapper > input.ant-input {
|
|
padding-top: 1.5rem;
|
|
}
|
|
}
|
|
|
|
.productMtrImgUpload1 {
|
|
// .ant-modal-body {
|
|
// height: 400px;
|
|
// }
|
|
|
|
.productMtrImgUpload {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 1rem;
|
|
width: 100%;
|
|
margin-top: 20px;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.productListBrowseImageButton1,
|
|
.productListBrowseImageButton2 {
|
|
width: max-content;
|
|
height: max-content;
|
|
padding: 8px 16px;
|
|
font-size: 12px;
|
|
font-weight: 300;
|
|
letter-spacing: 0.2px;
|
|
border: none;
|
|
outline: none;
|
|
cursor: pointer;
|
|
font-family: "Poppins", sans-serif;
|
|
color: #fff;
|
|
background-color: #1677ff;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.cropUploadFieldSmall {
|
|
width: 200px;
|
|
height: 200px !important;
|
|
|
|
div {
|
|
width: 200px !important;
|
|
height: 200px !important;
|
|
}
|
|
}
|
|
|
|
.ant-upload-select {
|
|
width: 200px !important;
|
|
height: 200px !important;
|
|
}
|
|
}
|
|
|
|
.product-Add-HSN {
|
|
.ant-input-affix-wrapper > input.ant-input {
|
|
padding: 12px 0 0 0 !important;
|
|
}
|
|
}
|
|
|
|
.speaktoADD {
|
|
align-items: center;
|
|
display: flex;
|
|
background-color: #d4e7ff;
|
|
font-weight: 500;
|
|
font-size: 13px;
|
|
font-family: "Poppins";
|
|
border: none;
|
|
cursor: pointer;
|
|
border-radius: 6px;
|
|
padding: 8px 16px;
|
|
gap: 10px;
|
|
}
|
|
|
|
.formNameCustom {
|
|
width: 100%;
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 2rem;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
padding-bottom: 0;
|
|
flex-direction: row !important;
|
|
|
|
@media (max-width: 768px) {
|
|
gap: 10px;
|
|
align-items: flex-start;
|
|
justify-content: space-between;
|
|
}
|
|
}
|
|
|
|
.firstVariantVariant {
|
|
.ant-form-item {
|
|
margin-bottom: 0;
|
|
}
|
|
.ant-input {
|
|
padding: 4px 14px 6px 11px !important;
|
|
text-decoration: underline;
|
|
text-decoration-color: #b8b8b8;
|
|
}
|
|
}
|
|
|
|
.productFormproductImg {
|
|
width: 250px;
|
|
height: 190px;
|
|
align-items: center;
|
|
}
|
|
|
|
.Customized_QuickAdd {
|
|
margin-bottom: 10px;
|
|
font-family: "Poppins", sans-serif;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
|
|
.ProductSubBTN {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
@media (max-width: 500px) {
|
|
position: fixed;
|
|
right: 10px;
|
|
bottom: 8px;
|
|
}
|
|
}
|
|
|
|
.ProductMainRowFlex {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: 1rem;
|
|
width: 100%;
|
|
@media (max-width: 768px) {
|
|
flex-direction: column;
|
|
}
|
|
}
|