Printer style4 dashboard style
This commit is contained in:
Your Name
parent
2094f326dd
commit
44f3b224a2
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -504,117 +504,154 @@ export const DCPrintStyleFunction = (printStyle) => {
|
|||
}
|
||||
}
|
||||
|
||||
.PrintStyle4MasterDiv {
|
||||
color: #000;
|
||||
.PrintStyle4MasterDiv {
|
||||
color: #000;
|
||||
font-family: "Poppins", sans-serif;
|
||||
line-height: normal;
|
||||
}
|
||||
.PrintStyle4-fistDiv {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 4px 4px;
|
||||
font-family: "Poppins", sans-serif;
|
||||
color: #000;
|
||||
letter-spacing: -0.5px;
|
||||
}
|
||||
.PrintStyle4-SecondDiv {
|
||||
display: flex;
|
||||
font-family: "Poppins", sans-serif;
|
||||
color: #000;
|
||||
flex-direction: column;
|
||||
letter-spacing: -0.5px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.PrintStyle4-fistDiv {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 1rem;
|
||||
}
|
||||
|
||||
.PrintStyle4-SecondDiv {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.PrintStyle4-print-dottline {
|
||||
border-top: 0.5px dashed rgb(0, 0, 0);
|
||||
border-width: 0.7px;
|
||||
border-style: dashed;
|
||||
border-image: initial;
|
||||
}
|
||||
|
||||
.PrintStyle4-ThirdDivMaster {
|
||||
margin: 0.5rem 0rem;
|
||||
padding: 0rem 0.5rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.PrintStyle4-ThirdP {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.PrintStyle4-print-dottline {
|
||||
border-top: 0.5px dashed rgb(0, 0, 0);
|
||||
border-width: 0.7px;
|
||||
border-style: dashed;
|
||||
border-image: initial;
|
||||
font-weight: 600;
|
||||
}
|
||||
.PrintStyle4-ThirdDivMaster {
|
||||
margin: 0.5rem 0rem;
|
||||
padding: 0rem 0.5rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.PrintStyle4-print-tableMaster {
|
||||
// transform: scale(0.96);
|
||||
display: flex;
|
||||
justify-content:center ;
|
||||
}
|
||||
|
||||
.PrintStyle4-print-table {
|
||||
// width: 100%;
|
||||
// border-collapse: collapse;
|
||||
// margin-bottom: 20px;
|
||||
.PrintStyle4-ThirdP {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
width: 96%;
|
||||
border-collapse: collapse;
|
||||
margin:0px 0.5rem;
|
||||
padding:0px 1px;
|
||||
margin-bottom: 10px;
|
||||
.PrintStyle4-print-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin-bottom: 20px;
|
||||
font-family: "Poppins", sans-serif;
|
||||
thead tr {
|
||||
border-top: 1px dashed #000 !important;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-weight: 600;
|
||||
border-bottom: 1px dashed #000 !important;
|
||||
}
|
||||
thead th {
|
||||
font-family: "Poppins", sans-serif;
|
||||
letter-spacing: -0.5px;
|
||||
font-weight: 600;
|
||||
}
|
||||
tbody tr {
|
||||
border-bottom: 1px solid #000;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-weight: 600;
|
||||
line-height: 0.9;
|
||||
}
|
||||
tbody td {
|
||||
padding-bottom: 2px;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-weight: 600;
|
||||
text-transform: capitalize !important;
|
||||
letter-spacing: -0.5px;
|
||||
> div {
|
||||
font-family: "Poppins", sans-serif;
|
||||
text-transform: capitalize !important;
|
||||
font-weight: 600;
|
||||
letter-spacing: -0.5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.PrintStyle4-print-table th,
|
||||
.PrintStyle4-print-table td {
|
||||
// padding: 4px;
|
||||
// text-align: left;
|
||||
// font-size: 12px;
|
||||
.PrintStyle4-print-table th,
|
||||
.PrintStyle4-print-table td {
|
||||
// border: 1px solid #ddd;
|
||||
padding: 4px;
|
||||
text-align: left;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-size: 11px !important;
|
||||
font-weight: 600;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
.PrintStyle4-print-table th {
|
||||
color: #000;
|
||||
padding: 4px 0;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.PrintStyle4-BrandImage {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
mix-blend-mode: darken;
|
||||
}
|
||||
|
||||
// border: 1px solid #000;
|
||||
padding:2px 0.5px;
|
||||
border-collapse: collapse;
|
||||
font-size: 12px;
|
||||
font-weight:600;
|
||||
.PrintStyle4-FourthP {
|
||||
// padding: 0rem 0.5rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.PrintStyle4-print-table th {
|
||||
// background-color: #f2f2f2;
|
||||
.PrintStyle4-FourthSpan {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
font-size: 13px !important;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
background-color: #f2f2f2;
|
||||
margin:5px 5px;
|
||||
font-size: auto;
|
||||
font-weight:600;
|
||||
}
|
||||
.PrintStyle4-BrandImage {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
mix-blend-mode: darken;
|
||||
}
|
||||
|
||||
.PrintStyle4-FourthP {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.PrintStyle4-FourthSpan {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 0.5rem 0.5rem;
|
||||
}
|
||||
|
||||
.PrintStyle4-FourthDiv {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
margin-top: 0.5rem;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.PrintStyle4-FourthSmallwordings {
|
||||
font-size: 12px
|
||||
}
|
||||
.PrintStyle4-FourthDiv {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
font-family: "Poppins", sans-serif;
|
||||
margin-top: 0.5rem;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.PrintStyle4-FourthSmallwordings {
|
||||
font-size: 12px;
|
||||
}
|
||||
.print2subTotal {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
font-size: 20px;
|
||||
font-weight: 600 !important;
|
||||
font-family: "Poppins", sans-serif;
|
||||
border-bottom: 1px dashed #000;
|
||||
border-top: 1px dashed #000;
|
||||
text-transform: uppercase;
|
||||
padding: 5px 0;
|
||||
> div {
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
}
|
||||
</style>`;
|
||||
// #4
|
||||
|
||||
|
|
|
|||
|
|
@ -626,124 +626,154 @@ export const PrintStyleFunction = (printStyle, PrintFrom) => {
|
|||
|
||||
}
|
||||
|
||||
.PrintStyle4MasterDiv {
|
||||
color: #000;
|
||||
.PrintStyle4MasterDiv {
|
||||
color: #000;
|
||||
font-family: "Poppins", sans-serif;
|
||||
line-height: normal;
|
||||
}
|
||||
.PrintStyle4-fistDiv {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 4px 4px;
|
||||
font-family: "Poppins", sans-serif;
|
||||
color: #000;
|
||||
letter-spacing: -0.5px;
|
||||
}
|
||||
.PrintStyle4-SecondDiv {
|
||||
display: flex;
|
||||
font-family: "Poppins", sans-serif;
|
||||
color: #000;
|
||||
flex-direction: column;
|
||||
letter-spacing: -0.5px;
|
||||
}
|
||||
|
||||
}
|
||||
.PrintStyle4-SecondDivMaster
|
||||
{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
padding: 0rem 0.2rem;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.PrintStyle4-fistDiv {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 1rem;
|
||||
}
|
||||
|
||||
.PrintStyle4-SecondDiv {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.PrintStyle4-print-dottline {
|
||||
border-top: 0.5px dashed rgb(0, 0, 0);
|
||||
border-width: 0.7px;
|
||||
border-style: dashed;
|
||||
border-image: initial;
|
||||
}
|
||||
|
||||
.PrintStyle4-ThirdDivMaster {
|
||||
margin: 0.5rem 0rem;
|
||||
padding: 0rem 0.5rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.PrintStyle4-ThirdP {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.PrintStyle4-print-dottline {
|
||||
border-top: 0.5px dashed rgb(0, 0, 0);
|
||||
border-width: 0.7px;
|
||||
border-style: dashed;
|
||||
border-image: initial;
|
||||
font-weight: 600;
|
||||
}
|
||||
.PrintStyle4-ThirdDivMaster {
|
||||
margin: 0.5rem 0rem;
|
||||
padding: 0rem 0.5rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.PrintStyle4-print-tableMaster {
|
||||
// transform: scale(0.96);
|
||||
display: flex;
|
||||
justify-content:center ;
|
||||
}
|
||||
|
||||
.PrintStyle4-print-table {
|
||||
// width: 100%;
|
||||
// border-collapse: collapse;
|
||||
// margin-bottom: 20px;
|
||||
.PrintStyle4-ThirdP {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
width: 96%;
|
||||
border-collapse: collapse;
|
||||
margin:0px 0.5rem;
|
||||
padding:0px 1px;
|
||||
margin-bottom: 10px;
|
||||
.PrintStyle4-print-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin-bottom: 20px;
|
||||
font-family: "Poppins", sans-serif;
|
||||
thead tr {
|
||||
border-top: 1px dashed #000 !important;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-weight: 600;
|
||||
border-bottom: 1px dashed #000 !important;
|
||||
}
|
||||
thead th {
|
||||
font-family: "Poppins", sans-serif;
|
||||
letter-spacing: -0.5px;
|
||||
font-weight: 600;
|
||||
}
|
||||
tbody tr {
|
||||
border-bottom: 1px solid #000;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-weight: 600;
|
||||
line-height: 0.9;
|
||||
}
|
||||
tbody td {
|
||||
padding-bottom: 2px;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-weight: 600;
|
||||
text-transform: capitalize !important;
|
||||
letter-spacing: -0.5px;
|
||||
> div {
|
||||
font-family: "Poppins", sans-serif;
|
||||
text-transform: capitalize !important;
|
||||
font-weight: 600;
|
||||
letter-spacing: -0.5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.PrintStyle4-print-table th,
|
||||
.PrintStyle4-print-table td {
|
||||
// padding: 4px;
|
||||
// text-align: left;
|
||||
// font-size: 12px;
|
||||
.PrintStyle4-print-table th,
|
||||
.PrintStyle4-print-table td {
|
||||
// border: 1px solid #ddd;
|
||||
padding: 4px;
|
||||
text-align: left;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-size: 11px !important;
|
||||
font-weight: 600;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
.PrintStyle4-print-table th {
|
||||
color: #000;
|
||||
padding: 4px 0;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.PrintStyle4-BrandImage {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
mix-blend-mode: darken;
|
||||
}
|
||||
|
||||
// border: 1px solid #000;
|
||||
padding:2px 0.5px;
|
||||
border-collapse: collapse;
|
||||
font-size: 12px;
|
||||
font-weight:600;
|
||||
.PrintStyle4-FourthP {
|
||||
// padding: 0rem 0.5rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.PrintStyle4-print-table th {
|
||||
// background-color: #f2f2f2;
|
||||
.PrintStyle4-FourthSpan {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
font-size: 13px !important;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
background-color: #f2f2f2;
|
||||
margin:1px 1px;
|
||||
font-size: auto;
|
||||
font-weight:600;
|
||||
}
|
||||
.PrintStyle4-BrandImage {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
mix-blend-mode: darken;
|
||||
}
|
||||
|
||||
.PrintStyle4-FourthP {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.PrintStyle4-FourthSpan {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 0.5rem 0.5rem;
|
||||
}
|
||||
|
||||
.PrintStyle4-FourthDiv {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
margin-top: 0.5rem;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.PrintStyle4-FourthSmallwordings {
|
||||
font-size: 12px
|
||||
}
|
||||
.PrintStyle4-FourthDiv {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
font-family: "Poppins", sans-serif;
|
||||
margin-top: 0.5rem;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.PrintStyle4-FourthSmallwordings {
|
||||
font-size: 12px;
|
||||
}
|
||||
.print2subTotal {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
font-size: 20px;
|
||||
font-weight: 600 !important;
|
||||
font-family: "Poppins", sans-serif;
|
||||
border-bottom: 1px dashed #000;
|
||||
border-top: 1px dashed #000;
|
||||
text-transform: uppercase;
|
||||
padding: 5px 0;
|
||||
> div {
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
}
|
||||
|
||||
@media print and (max-width: 80mm) {
|
||||
/* === Table Container === */
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@
|
|||
align-items: center;
|
||||
gap: 1rem;
|
||||
color: #fff;
|
||||
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
|
||||
font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
|
||||
white-space: nowrap;
|
||||
|
||||
.CiShopIcon {
|
||||
|
|
@ -46,7 +46,7 @@
|
|||
|
||||
.homeIcon {
|
||||
display: flex;
|
||||
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
|
||||
font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
|
||||
justify-content: center;
|
||||
gap: 0.5rem;
|
||||
font-size: 16px;
|
||||
|
|
@ -78,7 +78,7 @@
|
|||
font-weight: 400;
|
||||
-webkit-text-stroke-width: 0.2px;
|
||||
border-radius: 50px;
|
||||
font-family: 'Poppins', sans-serif !important;
|
||||
font-family: "Poppins", sans-serif !important;
|
||||
}
|
||||
|
||||
.BsnavbarSearchMain {
|
||||
|
|
@ -279,7 +279,7 @@
|
|||
font-weight: 400;
|
||||
-webkit-text-stroke-width: 0.2px;
|
||||
border-radius: 50px;
|
||||
font-family: 'Poppins', sans-serif !important;
|
||||
font-family: "Poppins", sans-serif !important;
|
||||
}
|
||||
|
||||
.BsNavbarUser {
|
||||
|
|
@ -412,7 +412,7 @@
|
|||
}
|
||||
|
||||
div {
|
||||
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
|
||||
font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
|
||||
font-weight: 400;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
|
@ -442,7 +442,7 @@
|
|||
border-radius: 10px;
|
||||
border: 1px solid #ccc;
|
||||
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
|
||||
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
|
||||
font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
|
||||
}
|
||||
|
||||
.profileImage {
|
||||
|
|
@ -481,7 +481,7 @@
|
|||
width: 100%;
|
||||
padding: 10px 12px;
|
||||
font-size: 16px;
|
||||
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
|
||||
font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
|
||||
font-weight: 500;
|
||||
-webkit-text-stroke-width: 0.1px;
|
||||
border: none;
|
||||
|
|
@ -536,7 +536,7 @@
|
|||
padding: 0.2rem 0.9rem;
|
||||
border-radius: 0.75rem;
|
||||
font-size: 0.7rem;
|
||||
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
|
||||
font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
|
|
@ -552,32 +552,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
padding: 1px; // border thickness
|
||||
border-radius: inherit;
|
||||
background: linear-gradient(
|
||||
270deg,
|
||||
#fff3bac4,
|
||||
#ffcc00,
|
||||
#fff3baa1,
|
||||
#ffcc00,
|
||||
#fff3baab,
|
||||
#ffcc00
|
||||
);
|
||||
background-size: 300% 300%;
|
||||
animation: rainbowBorder 5s linear infinite;
|
||||
// -webkit-mask:
|
||||
// linear-gradient(#fff 0 0) content-box,
|
||||
// linear-gradient(#fff 0 0);
|
||||
-webkit-mask-composite: xor;
|
||||
mask-composite: exclude;
|
||||
pointer-events: none;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
@keyframes rainbowBorder {
|
||||
0% {
|
||||
background-position: 0% 50%;
|
||||
|
|
@ -630,7 +604,7 @@
|
|||
padding: 0.1rem 0.1rem;
|
||||
border-radius: 7px;
|
||||
white-space: nowrap;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
width: 110px;
|
||||
line-height: 1.3;
|
||||
|
||||
|
|
@ -735,7 +709,6 @@
|
|||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
.MultiSearchIconDiv3 {
|
||||
background-color: #ffffff;
|
||||
color: #1292ee !important;
|
||||
|
|
@ -748,7 +721,6 @@
|
|||
height: 32px;
|
||||
padding: 4px;
|
||||
|
||||
|
||||
svg {
|
||||
font-size: 22px;
|
||||
width: 32px !important;
|
||||
|
|
@ -756,4 +728,4 @@
|
|||
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,19 +1,23 @@
|
|||
.PrintStyle4MasterDiv {
|
||||
color: #000;
|
||||
// font-family: "Podkova";
|
||||
// font-family: "Crimson Pro", serif;
|
||||
font-family: 'Courier New', Courier, monospace;
|
||||
font-family: "Poppins", sans-serif;
|
||||
line-height: normal;
|
||||
}
|
||||
.PrintStyle4-fistDiv {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 1rem;
|
||||
margin: 4px 4px;
|
||||
font-family: "Poppins", sans-serif;
|
||||
color: #000;
|
||||
letter-spacing: -0.5px;
|
||||
}
|
||||
.PrintStyle4-SecondDiv {
|
||||
display: flex;
|
||||
font-family: "Poppins", sans-serif;
|
||||
color: #000;
|
||||
flex-direction: column;
|
||||
letter-spacing: -0.5px;
|
||||
}
|
||||
|
||||
.PrintStyle4-print-dottline {
|
||||
|
|
@ -21,6 +25,7 @@
|
|||
border-width: 0.7px;
|
||||
border-style: dashed;
|
||||
border-image: initial;
|
||||
font-weight: 600;
|
||||
}
|
||||
.PrintStyle4-ThirdDivMaster {
|
||||
margin: 0.5rem 0rem;
|
||||
|
|
@ -33,15 +38,44 @@
|
|||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.PrintStyle4-print-tableMaster {
|
||||
transform: scale(0.96);
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
.PrintStyle4-print-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin-bottom: 20px;
|
||||
font-family: "Poppins", sans-serif;
|
||||
thead tr {
|
||||
border-top: 1px dashed #000 !important;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-weight: 600;
|
||||
border-bottom: 1px dashed #000 !important;
|
||||
}
|
||||
thead th {
|
||||
font-family: "Poppins", sans-serif;
|
||||
letter-spacing: -0.5px;
|
||||
font-weight: 600;
|
||||
}
|
||||
tbody tr {
|
||||
border-bottom: 1px solid #000;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-weight: 600;
|
||||
line-height: 0.9;
|
||||
}
|
||||
tbody td {
|
||||
padding-bottom: 2px;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-weight: 600;
|
||||
text-transform: capitalize !important;
|
||||
letter-spacing: -0.5px;
|
||||
> div {
|
||||
font-family: "Poppins", sans-serif;
|
||||
text-transform: capitalize !important;
|
||||
font-weight: 600;
|
||||
letter-spacing: -0.5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.PrintStyle4-print-table th,
|
||||
|
|
@ -49,11 +83,16 @@
|
|||
// border: 1px solid #ddd;
|
||||
padding: 4px;
|
||||
text-align: left;
|
||||
font-size: 12px;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-size: 11px !important;
|
||||
font-weight: 600;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
.PrintStyle4-print-table th {
|
||||
background-color: #f2f2f2;
|
||||
color: #000;
|
||||
padding: 4px 0;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.PrintStyle4-BrandImage {
|
||||
|
|
@ -72,18 +111,38 @@
|
|||
.PrintStyle4-FourthSpan {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 0.5rem 0.5rem;
|
||||
font-size: 13px !important;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
.PrintStyle4-FourthDiv {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
font-family: "Poppins", sans-serif;
|
||||
margin-top: 0.5rem;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.PrintStyle4-FourthSmallwordings {
|
||||
font-size: 12px;
|
||||
}
|
||||
.print2subTotal {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
font-size: 20px;
|
||||
font-weight: 600 !important;
|
||||
font-family: "Poppins", sans-serif;
|
||||
border-bottom: 1px dashed #000;
|
||||
border-top: 1px dashed #000;
|
||||
text-transform: uppercase;
|
||||
padding: 5px 0;
|
||||
> div {
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -161,7 +161,7 @@
|
|||
justify-content: center;
|
||||
border-radius: 4px;
|
||||
color: #fff;
|
||||
font-family: 'Poppins';
|
||||
font-family: "Poppins";
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
|
|
@ -173,7 +173,7 @@
|
|||
justify-content: center;
|
||||
border-radius: 4px;
|
||||
color: #fff;
|
||||
font-family: 'Poppins';
|
||||
font-family: "Poppins";
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
|
|
@ -185,7 +185,7 @@
|
|||
justify-content: center;
|
||||
border-radius: 4px;
|
||||
color: #fff;
|
||||
font-family: 'Poppins';
|
||||
font-family: "Poppins";
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
|
|
@ -197,7 +197,7 @@
|
|||
justify-content: center;
|
||||
border-radius: 4px;
|
||||
color: #fff;
|
||||
font-family: 'Poppins';
|
||||
font-family: "Poppins";
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
|
|
@ -210,7 +210,7 @@
|
|||
height: max-content;
|
||||
min-height: 8rem;
|
||||
border-radius: 8px;
|
||||
font-family: 'Poppins';
|
||||
font-family: "Poppins";
|
||||
width: max-content;
|
||||
min-width: 250px;
|
||||
|
||||
|
|
@ -256,7 +256,7 @@
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
font-family: 'Poppins';
|
||||
font-family: "Poppins";
|
||||
padding: 0.7rem 1rem;
|
||||
margin: 1vw 2vh;
|
||||
background-color: #e0e0e0;
|
||||
|
|
@ -328,9 +328,7 @@
|
|||
// .Dashboardrange .datepickerDashboardrange{
|
||||
// width: 100%;
|
||||
// }
|
||||
.ant-picker-dropdown
|
||||
.ant-picker-panel-container
|
||||
.ant-picker-date-panel-container {
|
||||
.ant-picker-dropdown .ant-picker-panel-container .ant-picker-date-panel-container {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
|
|
@ -340,11 +338,7 @@
|
|||
// direction: ltr;
|
||||
// }
|
||||
|
||||
.rev-div
|
||||
.Dashboardrange
|
||||
.ant-picker-dropdown
|
||||
.ant-picker-panel-container
|
||||
.ant-picker-presets {
|
||||
.rev-div .Dashboardrange .ant-picker-dropdown .ant-picker-panel-container .ant-picker-presets {
|
||||
display: flex;
|
||||
flex-direction: column !important;
|
||||
min-width: 145px;
|
||||
|
|
@ -751,7 +745,7 @@
|
|||
padding: 10px 16px;
|
||||
font-size: 16px;
|
||||
text-transform: capitalize;
|
||||
font-family: 'Gilroy';
|
||||
font-family: "Gilroy";
|
||||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
background-color: #20a720;
|
||||
|
|
@ -805,7 +799,7 @@
|
|||
|
||||
.RetailDashboard-Master {
|
||||
width: 100%;
|
||||
font-family: 'Poppins' !important;
|
||||
font-family: "Poppins" !important;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
|
|
@ -931,11 +925,7 @@
|
|||
min-width: 150px !important;
|
||||
|
||||
.ant-select-selector {
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
#1565c0 0%,
|
||||
#1976d2 100%
|
||||
) !important;
|
||||
background: linear-gradient(90deg, #1565c0 0%, #1976d2 100%) !important;
|
||||
border: none !important;
|
||||
border-radius: 5px !important;
|
||||
color: #fff !important;
|
||||
|
|
@ -957,19 +947,11 @@
|
|||
}
|
||||
|
||||
&:hover .ant-select-selector {
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
#1976d2 0%,
|
||||
#2196f3 100%
|
||||
) !important;
|
||||
background: linear-gradient(90deg, #1976d2 0%, #2196f3 100%) !important;
|
||||
}
|
||||
|
||||
&.ant-select-focused .ant-select-selector {
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
#1976d2 0%,
|
||||
#2196f3 100%
|
||||
) !important;
|
||||
background: linear-gradient(90deg, #1976d2 0%, #2196f3 100%) !important;
|
||||
box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.2) !important;
|
||||
}
|
||||
}
|
||||
|
|
@ -1079,6 +1061,9 @@
|
|||
|
||||
.curve-graph-container {
|
||||
width: 95% !important;
|
||||
.labels {
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
}
|
||||
|
||||
.graphLineDesign {
|
||||
|
|
@ -1286,7 +1271,7 @@
|
|||
width: 100%;
|
||||
gap: 10px;
|
||||
margin-top: 2rem;
|
||||
font-family: 'Poppins';
|
||||
font-family: "Poppins";
|
||||
}
|
||||
|
||||
.tltExpense {
|
||||
|
|
@ -1418,7 +1403,7 @@
|
|||
cursor: pointer;
|
||||
transition: background 0.2s;
|
||||
margin-left: 8px;
|
||||
font-family: 'Poppins';
|
||||
font-family: "Poppins";
|
||||
|
||||
svg {
|
||||
font-size: 18px;
|
||||
|
|
@ -1469,7 +1454,7 @@
|
|||
border-radius: 6px;
|
||||
padding: 4px;
|
||||
gap: 4px;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
background: #fff;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
||||
|
||||
|
|
@ -1488,7 +1473,7 @@
|
|||
transition: all 0.2s ease;
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
opacity: 0.6;
|
||||
|
||||
&:hover {
|
||||
|
|
@ -1542,7 +1527,7 @@
|
|||
box-shadow 0.18s;
|
||||
// min-width: 130px;
|
||||
position: relative;
|
||||
font-family: 'Poppins';
|
||||
font-family: "Poppins";
|
||||
justify-content: space-between;
|
||||
|
||||
svg {
|
||||
|
|
@ -1583,7 +1568,7 @@
|
|||
gap: 1rem;
|
||||
align-items: flex-start;
|
||||
width: 100%;
|
||||
font-family: 'Inter', sans-serif !important;
|
||||
font-family: "Inter", sans-serif !important;
|
||||
padding: 0 10px 10px 10px;
|
||||
}
|
||||
|
||||
|
|
@ -1903,7 +1888,7 @@
|
|||
.notificationCenterTitle {
|
||||
color: #333;
|
||||
font-weight: 500;
|
||||
font-family: 'Poppins';
|
||||
font-family: "Poppins";
|
||||
margin-bottom: 0.5rem;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
|
@ -2561,7 +2546,7 @@
|
|||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
font-family: 'Inter', sans-serif;
|
||||
font-family: "Inter", sans-serif;
|
||||
width: 100%;
|
||||
transition: background 0.2s;
|
||||
}
|
||||
|
|
@ -2776,7 +2761,7 @@
|
|||
}
|
||||
|
||||
.ai-suggestion::before {
|
||||
content: '✨';
|
||||
content: "✨";
|
||||
font-size: 18px;
|
||||
margin-right: 8px;
|
||||
color: #f7b731;
|
||||
|
|
@ -2808,7 +2793,7 @@
|
|||
|
||||
div {
|
||||
color: #2a2a2a;
|
||||
font-family: 'Inter', sans-serif;
|
||||
font-family: "Inter", sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
text-transform: uppercase;
|
||||
|
|
@ -2822,7 +2807,7 @@
|
|||
background-color: #e53935;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
font-family: 'Poppins';
|
||||
font-family: "Poppins";
|
||||
border-radius: 6px;
|
||||
font-weight: 500;
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -267,7 +267,7 @@ const fetchComponent = async () => {
|
|||
sessionStore('userName', 'Karthiga');
|
||||
sessionStorage.setItem(
|
||||
'auth',
|
||||
'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1lIjoiOTM2MDY0MjI0NCIsIlBhc3N3b3JkIjoiWkB6MTIzNCIsImF1ZCI6WyJodHRwOi8vMTkyLjE2OC4xLjM3OjgwMTMiLCJodHRwOi8vMTkyLjE2OC4xLjM3OjgwMTIiLCJodHRwOi8vMTkyLjE2OC4xLjM3OjgwMTQiLCJodHRwOi8vMTkyLjE2OC4xLjM3OjgwMTMiXSwiZXhwIjoxNzY5NzEzMTk3LCJpc3MiOiJodHRwOi8vMTkyLjE2OC4xLjM3OjgwMDEifQ.rm3XOIBsczxaSWg5WWwm0a5xvYOszDzXvL2oJLd1ZYo'
|
||||
'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1lIjoiOTM2MDY0MjI0NCIsIlBhc3N3b3JkIjoiWkB6MTIzNCIsImF1ZCI6WyJodHRwOi8vMTkyLjE2OC4xLjM3OjgwMTMiLCJodHRwOi8vMTkyLjE2OC4xLjM3OjgwMTIiLCJodHRwOi8vMTkyLjE2OC4xLjM3OjgwMTQiLCJodHRwOi8vMTkyLjE2OC4xLjM3OjgwMTMiXSwiZXhwIjoxNzY5Nzk3NjI0LCJpc3MiOiJodHRwOi8vMTkyLjE2OC4xLjM3OjgwMDEifQ.IDTmr2_hF_uiNn13QwgbKr0GGXPtOKyUrAV-XzqzMfA'
|
||||
);
|
||||
|
||||
const AppId = getSession('AppId');
|
||||
|
|
@ -372,7 +372,7 @@ const fetchHomeComponent = async () => {
|
|||
sessionStore('userName', 'Karthiga');
|
||||
sessionStorage.setItem(
|
||||
'auth',
|
||||
'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1lIjoiOTM2MDY0MjI0NCIsIlBhc3N3b3JkIjoiWkB6MTIzNCIsImF1ZCI6WyJodHRwOi8vMTkyLjE2OC4xLjM3OjgwMTMiLCJodHRwOi8vMTkyLjE2OC4xLjM3OjgwMTIiLCJodHRwOi8vMTkyLjE2OC4xLjM3OjgwMTQiLCJodHRwOi8vMTkyLjE2OC4xLjM3OjgwMTMiXSwiZXhwIjoxNzY5NzEzMTk3LCJpc3MiOiJodHRwOi8vMTkyLjE2OC4xLjM3OjgwMDEifQ.rm3XOIBsczxaSWg5WWwm0a5xvYOszDzXvL2oJLd1ZYo'
|
||||
'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1lIjoiOTM2MDY0MjI0NCIsIlBhc3N3b3JkIjoiWkB6MTIzNCIsImF1ZCI6WyJodHRwOi8vMTkyLjE2OC4xLjM3OjgwMTMiLCJodHRwOi8vMTkyLjE2OC4xLjM3OjgwMTIiLCJodHRwOi8vMTkyLjE2OC4xLjM3OjgwMTQiLCJodHRwOi8vMTkyLjE2OC4xLjM3OjgwMTMiXSwiZXhwIjoxNzY5Nzk3NjI0LCJpc3MiOiJodHRwOi8vMTkyLjE2OC4xLjM3OjgwMDEifQ.IDTmr2_hF_uiNn13QwgbKr0GGXPtOKyUrAV-XzqzMfA'
|
||||
);
|
||||
|
||||
const AppId = getSession('AppId');
|
||||
|
|
|
|||
Loading…
Reference in New Issue