Merge pull request 'Fix Offer Page Design' (#93) from feb06vicky into main

Reviewed-on: Pozomind/pozo-retail-app#93
This commit is contained in:
karthikalakshmi 2026-02-06 15:44:27 +05:30
commit b0bd77cfe9
4 changed files with 1633 additions and 1211 deletions

View File

@ -8,6 +8,12 @@
padding-bottom: 5rem !important;
border-radius: 12px;
height: 85vh;
.ant-table-thead .ant-table-cell {
background-color: #2c88ee !important;
&:hover {
background-color: #2c88ee !important;
}
}
@media (max-width: 768px) {
margin: 10px 0 0 0;
@ -60,7 +66,7 @@
font-size: 13px;
border-radius: 8px;
cursor: pointer;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
@media (max-width: 600px) {
padding: 8px 12px;
@ -104,7 +110,7 @@
font-size: 24px;
font-weight: 500;
color: #000000;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
line-height: 1.2;
letter-spacing: -0.5px;
}
@ -114,7 +120,7 @@
font-size: 14px;
font-weight: 500;
color: #6c6c6c;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
line-height: 1.4;
letter-spacing: -0.5px;
margin-top: 2px;
@ -177,14 +183,14 @@
font-weight: 500;
color: #6c6c6c; // Gray text for inactive state
font-family:
'Poppins',
"Poppins",
-apple-system,
BlinkMacSystemFont,
'Segoe UI',
'Roboto',
'Oxygen',
'Ubuntu',
'Cantarell',
"Segoe UI",
"Roboto",
"Oxygen",
"Ubuntu",
"Cantarell",
sans-serif;
transition: all 0.2s ease;
}
@ -209,14 +215,14 @@
font-size: 20px;
font-weight: 600;
color: #1f2937;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
}
p {
// margin: 0 0 16px 0;
font-size: 13px;
color: #000000;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
line-height: 1.5;
}
@ -228,14 +234,14 @@
font-size: 14px;
color: #6c6c6c;
font-family:
'Poppins',
"Poppins",
-apple-system,
BlinkMacSystemFont,
'Segoe UI',
'Roboto',
'Oxygen',
'Ubuntu',
'Cantarell',
"Segoe UI",
"Roboto",
"Oxygen",
"Ubuntu",
"Cantarell",
sans-serif;
line-height: 1.6;
margin-bottom: 8px;
@ -291,7 +297,7 @@
padding: 4px 4px !important;
font-size: 12.5px;
font-weight: 500;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
}
.ant-select {
@ -327,7 +333,7 @@
border: none;
border-radius: 6px;
cursor: pointer;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
transition: all 0.2s ease;
flex-shrink: 0;
font-size: 24px;
@ -365,7 +371,7 @@
font-size: 13px;
letter-spacing: -0.3px;
color: #000000;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
}
}
@ -379,14 +385,14 @@
cursor: pointer;
transition: all 0.2s ease;
font-family:
'Poppins',
"Poppins",
-apple-system,
BlinkMacSystemFont,
'Segoe UI',
'Roboto',
'Oxygen',
'Ubuntu',
'Cantarell',
"Segoe UI",
"Roboto",
"Oxygen",
"Ubuntu",
"Cantarell",
sans-serif;
&:hover {
@ -401,7 +407,7 @@
border-radius: 6px;
font-size: 14px;
color: #374151;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
width: 190px;
&:focus {
@ -436,7 +442,7 @@
background-color: #2563ea !important;
height: 42px !important;
padding: 10px !important;
font-family: 'Poppins', sans-serif !important;
font-family: "Poppins", sans-serif !important;
}
button:nth-child(1) {
@ -455,7 +461,7 @@
cursor: pointer;
border-radius: 8px;
font-size: 14px;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
display: flex;
align-items: center;
gap: 6px;
@ -476,10 +482,13 @@
width: max-content;
.offercount {
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
font-size: 14px;
color: #878787;
}
.ant-input {
padding: 2px 14px 6px 11px !important;
}
}
// Table Styles
@ -487,8 +496,6 @@
margin-top: 10px;
grid-column: 1 / -1;
background-color: #fff;
border: 1px solid #bbbbbb80;
padding: 10px 10px;
border-radius: 10px;
width: 100%;
.ant-table-thead {
@ -512,7 +519,7 @@
cursor: pointer;
font-size: 11px;
font-weight: 400;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
transition: all 0.2s ease;
&:hover {
@ -583,14 +590,14 @@
color: #374151;
border-bottom: 1px solid #e2e8f0;
font-family:
'Poppins',
"Poppins",
-apple-system,
BlinkMacSystemFont,
'Segoe UI',
'Roboto',
'Oxygen',
'Ubuntu',
'Cantarell',
"Segoe UI",
"Roboto",
"Oxygen",
"Ubuntu",
"Cantarell",
sans-serif;
}
@ -600,14 +607,14 @@
color: #374151;
border-bottom: 1px solid #e2e8f0;
font-family:
'Poppins',
"Poppins",
-apple-system,
BlinkMacSystemFont,
'Segoe UI',
'Roboto',
'Oxygen',
'Ubuntu',
'Cantarell',
"Segoe UI",
"Roboto",
"Oxygen",
"Ubuntu",
"Cantarell",
sans-serif;
}
@ -709,7 +716,7 @@
border: 1px solid #565656 !important;
border-radius: 8px;
font-size: 13px;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
&:focus {
outline: none;
@ -731,7 +738,7 @@
border: 1px solid #565656 !important;
border-radius: 8px;
font-size: 13px;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
&:focus {
outline: none;
@ -752,7 +759,7 @@
border-radius: 8px;
cursor: pointer;
font-size: 13px;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
svg {
width: 16px;
@ -777,7 +784,7 @@
border-radius: 10px;
font-size: 12px;
font-weight: 500;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
.chip-remove {
background: none;
@ -801,7 +808,7 @@
color: #6b7280;
margin-top: 6px;
margin-bottom: 0;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
}
.modal-button-group {
@ -818,7 +825,7 @@
color: #6b7280;
font-size: 14px;
cursor: pointer;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
}
.modal-submit-button {
@ -829,7 +836,7 @@
font-size: 13px;
border-radius: 8px;
cursor: pointer;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
}
.modal-title {
@ -838,7 +845,7 @@
color: #1f2937;
margin: 0 0 8px 0;
-webkit-text-stroke-width: 0.1px;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
}
.modal-label {
@ -847,7 +854,7 @@
font-weight: 500;
color: #374151;
margin-bottom: 8px;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
}
.modal-input-row {
@ -887,7 +894,7 @@
font-weight: 500;
border-radius: 6px;
cursor: pointer;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
}
.radio-options {
@ -906,14 +913,14 @@
gap: 10px;
font-size: 14px;
font-weight: 500;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
background-color: #2563ea1a;
border: 1px solid #2563ea40;
padding: 4px 8px;
border-radius: 6px;
color: #000000;
font-weight: 400;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
// -webkit-text-stroke-width: 0.2px;
}
@ -930,10 +937,10 @@
cursor: pointer;
font-size: 14px;
color: #374151;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
}
.radio-option input[type='radio'] {
.radio-option input[type="radio"] {
width: 16px;
height: 16px;
accent-color: #2563ea;
@ -948,7 +955,7 @@
font-weight: 500;
border-radius: 6px;
cursor: pointer;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
}
// Days Section Styles
@ -966,14 +973,14 @@
font-weight: 500;
color: #374151;
font-family:
'Poppins',
"Poppins",
-apple-system,
BlinkMacSystemFont,
'Segoe UI',
'Roboto',
'Oxygen',
'Ubuntu',
'Cantarell',
"Segoe UI",
"Roboto",
"Oxygen",
"Ubuntu",
"Cantarell",
sans-serif;
}
@ -987,14 +994,14 @@
cursor: pointer;
transition: all 0.2s ease;
font-family:
'Poppins',
"Poppins",
-apple-system,
BlinkMacSystemFont,
'Segoe UI',
'Roboto',
'Oxygen',
'Ubuntu',
'Cantarell',
"Segoe UI",
"Roboto",
"Oxygen",
"Ubuntu",
"Cantarell",
sans-serif;
&:hover {
@ -1024,17 +1031,17 @@
font-size: 14px;
color: #374151;
font-family:
'Poppins',
"Poppins",
-apple-system,
BlinkMacSystemFont,
'Segoe UI',
'Roboto',
'Oxygen',
'Ubuntu',
'Cantarell',
"Segoe UI",
"Roboto",
"Oxygen",
"Ubuntu",
"Cantarell",
sans-serif;
input[type='checkbox'] {
input[type="checkbox"] {
width: 16px;
height: 16px;
accent-color: #3b82f6;
@ -1056,14 +1063,14 @@
font-size: 12px;
color: #6b7280;
font-family:
'Poppins',
"Poppins",
-apple-system,
BlinkMacSystemFont,
'Segoe UI',
'Roboto',
'Oxygen',
'Ubuntu',
'Cantarell',
"Segoe UI",
"Roboto",
"Oxygen",
"Ubuntu",
"Cantarell",
sans-serif;
}
}
@ -1076,14 +1083,14 @@
color: #374151;
background: #ffffff;
font-family:
'Poppins',
"Poppins",
-apple-system,
BlinkMacSystemFont,
'Segoe UI',
'Roboto',
'Oxygen',
'Ubuntu',
'Cantarell',
"Segoe UI",
"Roboto",
"Oxygen",
"Ubuntu",
"Cantarell",
sans-serif;
&:focus {
@ -1101,14 +1108,14 @@
font-weight: 500;
color: #2563ea;
font-family:
'Poppins',
"Poppins",
-apple-system,
BlinkMacSystemFont,
'Segoe UI',
'Roboto',
'Oxygen',
'Ubuntu',
'Cantarell',
"Segoe UI",
"Roboto",
"Oxygen",
"Ubuntu",
"Cantarell",
sans-serif;
margin-top: 8px;
}
@ -1116,11 +1123,11 @@
.days-selected {
font-size: 14px;
color: #6b7280;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
background-color: rgba(37, 99, 234, 0.1019607843);
padding: 8px 8px;
color: #2563ea;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
border-radius: 8px;
line-height: 1.5;
border: rgba(37, 99, 234, 0.4431372549) 1px solid;
@ -1157,7 +1164,7 @@
font-size: 13px;
font-weight: 400;
-webkit-text-stroke-width: 0.2px;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
position: relative;
bottom: 6px;
}
@ -1173,7 +1180,7 @@
background: rgba(37, 99, 234, 0.1019607843);
border: rgba(37, 99, 234, 0.4431372549) 1px solid;
border-radius: 6px;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
}
.applied-label {
@ -1265,7 +1272,7 @@
color: #000000;
-webkit-text-stroke-width: 0.2px;
margin-bottom: 0;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
display: flex;
align-items: center;
gap: 4px;
@ -1294,7 +1301,7 @@
padding: 4px 4px !important;
font-size: 12.5px;
font-weight: 500;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
}
}
@ -1302,7 +1309,7 @@
font-size: 14px;
color: #6b7280;
margin: 0;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
}
.mapping-label {
@ -1310,7 +1317,7 @@
font-size: 13px;
font-weight: 400;
color: #374151;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
}
.product-list {
@ -1327,7 +1334,7 @@
border-radius: 4px;
font-size: 14px;
color: #374151;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
display: flex;
align-items: center;
justify-content: space-between;
@ -1386,7 +1393,7 @@
font-weight: 400;
cursor: pointer;
transition: all 0.2s ease;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
&:hover {
background: #1d4ed8;
@ -1431,7 +1438,7 @@
background: #f3f4f6;
padding: 2px 8px;
border-radius: 12px;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
}
.OfferBreadcrumbs {
@ -1450,7 +1457,7 @@
gap: 2px;
font-size: 10px;
font-weight: 400;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
cursor: pointer;
color: #676767;
@ -1480,7 +1487,7 @@
font-weight: 400;
// -webkit-text-stroke-width: 0.1px;
transition: all 0.2s ease;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
&.active {
background: #2563ea;
@ -1539,7 +1546,7 @@
color: #1e1e1e;
margin: 17px 6px;
font-weight: 500;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
-webkit-text-stroke-width: 0.1px;
}
@ -1645,7 +1652,7 @@
cursor: pointer;
font-size: 12px;
font-weight: 400;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
transition: all 0.2s ease;
}
}
@ -1665,7 +1672,7 @@
border-radius: 6px;
transition: all 0.2s ease;
input[type='checkbox'] {
input[type="checkbox"] {
width: 16px;
height: 16px;
accent-color: #2563ea;
@ -1695,7 +1702,7 @@
font-size: 12px;
-webkit-text-stroke-width: 0.1px;
font-weight: 500;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
}
.edit-days-button {
@ -1724,7 +1731,7 @@
font-size: 13px;
font-weight: 400;
-webkit-text-stroke-width: 0.2px;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
position: relative;
bottom: 6px;
}
@ -1739,7 +1746,7 @@
gap: 8px;
cursor: pointer;
input[type='radio'] {
input[type="radio"] {
width: 16px;
height: 16px;
accent-color: #2563ea;
@ -1749,7 +1756,7 @@
font-size: 12px;
color: #000000;
font-weight: 500;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
}
}
}
@ -1773,11 +1780,11 @@
.date-picker {
width: 100%;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
.ant-picker-input {
font-size: 14px;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
&:focus {
outline: none;
@ -1792,11 +1799,11 @@
// Override Ant Design default styles
.ant-picker {
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
}
.ant-picker-input > input {
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
}
}
}

View File

@ -484,8 +484,6 @@
margin-top: 10px;
grid-column: 1 / -1;
background-color: #fff;
border: 1px solid #bbbbbb80;
padding: 10px 10px;
border-radius: 10px;
width: 100%;
.ant-table-thead {

File diff suppressed because it is too large Load Diff

View File

@ -200,7 +200,7 @@
// width: 550px;
}
.content-section {
.contentsection {
h2 {
margin: 0 0 16px 0;
font-size: 20px;
@ -484,8 +484,6 @@
margin-top: 10px;
grid-column: 1 / -1;
background-color: #fff;
border: 1px solid #bbbbbb80;
padding: 10px 10px;
border-radius: 10px;
width: 100%;
@ -1578,7 +1576,6 @@
/* elegant dark gray text */
transition: all 0.25s ease;
/* smooth hover effect */
}
// Limit Usage section