-
-
-
-
-
+ {Array(5)
+ .fill(0)
+ .map((_, i) => (
+
+ ))}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ {rows.map((_, i) => (
+
-
-
+ {[1, 2].map((i) => (
+
+ ))}
+
diff --git a/src/Components/Skeleton/BillingTableSkeleton.scss b/src/Components/Skeleton/BillingTableSkeleton.scss
index 7d932c8..89eb467 100644
--- a/src/Components/Skeleton/BillingTableSkeleton.scss
+++ b/src/Components/Skeleton/BillingTableSkeleton.scss
@@ -13,12 +13,28 @@
animation: shimmer 1.4s infinite;
border-radius: 4px;
}
+.skeletonHeader {
+ background: linear-gradient(90deg, #f3f3f3 25%, #f3f3f3 37%, #f3f3f3 63%);
+ background-size: 1000px 100%;
+ animation: shimmer 1.4s infinite;
+ border-radius: 4px;
+}
.billing-skeleton {
background: #fff;
- max-width: 420px;
+ max-width: 420px;
border-radius: 8px;
overflow: hidden;
+ width: 340px;
+ height: 80vh;
+ position: relative;
+ margin-top: 1rem;
+ @media (max-width: 768px) {
+ max-width: 100%;
+ width: 95vw;
+ height: 150px;
+ margin-top: 0;
+ }
}
.billing-header {
@@ -26,14 +42,20 @@
grid-template-columns: 40px 1fr 50px 60px 30px;
gap: 8px;
padding: 10px;
- background: #dde3e6;
+ background: #e6e9eb;
+ @media (max-width: 768px) {
+ display: none;
+ }
}
.billing-row {
display: grid;
grid-template-columns: 40px 1fr 50px 60px 30px;
gap: 8px;
- padding: 10px;
+ padding: 7px 10px;
+ @media (max-width: 768px) {
+ display: none;
+ }
}
.billing-bottom {
@@ -41,6 +63,9 @@
gap: 10px;
padding: 10px;
border-top: 1px solid #ddd;
+ position: absolute;
+ bottom: 0;
+ width: 100%;
}
.billing-left,
@@ -54,5 +79,5 @@
}
.billing-total {
- height: 48px;
+ height: 38px;
}
diff --git a/src/Components/Skeleton/CardSkeleton.jsx b/src/Components/Skeleton/CardSkeleton.jsx
index defc91d..18e1bfb 100644
--- a/src/Components/Skeleton/CardSkeleton.jsx
+++ b/src/Components/Skeleton/CardSkeleton.jsx
@@ -1,27 +1,34 @@
import React from 'react';
import './CardSkeleton.scss';
import NavbarSkeleton from './NavbarSkeleton';
+import BillingTableSkeleton from './BillingTableSkeleton';
const CardSkeleton = ({ count = 15 }) => {
return (
<>
- {Array.from({ length: count }).map((_, index) => (
-
-
-
-
-
-
+
);
diff --git a/src/Components/Skeleton/CardSkeleton.scss b/src/Components/Skeleton/CardSkeleton.scss
index 3660e96..d8fe91d 100644
--- a/src/Components/Skeleton/CardSkeleton.scss
+++ b/src/Components/Skeleton/CardSkeleton.scss
@@ -19,7 +19,14 @@
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
gap: 14px;
margin-top: 1rem;
- width: 100%;
+ width: 80%;
+ overflow: hidden;
+ height: 40vh;
+ @media (max-width: 768px) {
+ width: 100%;
+ margin-top: 0;
+ height: 70vh;
+ }
}
.card-skeleton {
@@ -47,3 +54,16 @@
height: 14px;
width: 90%;
}
+.salesSkelton {
+ display: flex;
+ align-items: flex-start;
+ width: 100%;
+ gap: 1rem;
+ height: 100%;
+ padding: 10px;
+ @media (max-width: 768px) {
+ flex-direction: column;
+ height: 80vh;
+ justify-content: space-between;
+ }
+}
diff --git a/src/Components/Skeleton/NavbarSkeleton.scss b/src/Components/Skeleton/NavbarSkeleton.scss
index 5faac41..ce7e149 100644
--- a/src/Components/Skeleton/NavbarSkeleton.scss
+++ b/src/Components/Skeleton/NavbarSkeleton.scss
@@ -1,15 +1,14 @@
@keyframes shimmer {
- 0% { background-position: -500px 0; }
- 100% { background-position: 500px 0; }
+ 0% {
+ background-position: -500px 0;
+ }
+ 100% {
+ background-position: 500px 0;
+ }
}
.skeleton {
- background: linear-gradient(
- 90deg,
- #e0e0e0 25%,
- #f0f0f0 37%,
- #e0e0e0 63%
- );
+ background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 37%, #e0e0e0 63%);
background-size: 1000px 100%;
animation: shimmer 1.4s infinite;
border-radius: 6px;
@@ -23,6 +22,7 @@
padding: 10px 16px;
background: #fff;
border-bottom: 1px solid #ddd;
+ border-radius: 6px;
}
/* LEFT */
@@ -82,4 +82,11 @@
width: 36px;
height: 36px;
border-radius: 8px;
-}
\ No newline at end of file
+}
+
+@media (max-width: 768px) {
+ .skeleton .navbar-search,
+ .nav-icons {
+ display: none;
+ }
+}
diff --git a/src/Pages/BookingScreen/Components/PrintMainPage/SalesPrintSize.jsx b/src/Pages/BookingScreen/Components/PrintMainPage/SalesPrintSize.jsx
index 5e4a320..15bfe85 100644
--- a/src/Pages/BookingScreen/Components/PrintMainPage/SalesPrintSize.jsx
+++ b/src/Pages/BookingScreen/Components/PrintMainPage/SalesPrintSize.jsx
@@ -401,7 +401,7 @@ const SalesPrintSize = ({ onSettingsChange, closeModel }) => {
+
+
+
+ {Array.from({ length: count }).map((_, index) => (
+
- ))}
+ ))}
+
+
+
-
+
+
+
+
Print : {selectedTemplate?.StyleName}
+
{
{
Select Print Mode
-
+
0 ? () => Print() : (() => { })}
+ onClick={LedgerData?.length > 0 ? () => Print() : () => {}}
className={
LedgerData?.length > 0
? 'ItemWiseReport-printerIcon'
: 'ItemWiseReport-printerIcon-disabled'
}
/>
- 0 ? "Export as Excel" : "No data to Export"} placement="top">
-
0 ? 'pointer' : 'not-allowed', opacity: LedgerData?.length > 0 ? 1 : 0.5 }}>
+ 0
+ ? 'Export as Excel'
+ : 'No data to Export'
+ }
+ placement="top"
+ >
+
@@ -896,10 +927,10 @@ const LedgerReport = () => {
style={
row.TypeName === 'OB'
? {
- color: 'red',
- fontWeight: 500,
- fontSize: '15px',
- }
+ color: 'red',
+ fontWeight: 500,
+ fontSize: '15px',
+ }
: { color: 'black' }
}
>
diff --git a/src/Styles/BookingScreen/Components/BSNavbar/BSNavbar2.scss b/src/Styles/BookingScreen/Components/BSNavbar/BSNavbar2.scss
index 2b902ef..b100c2a 100644
--- a/src/Styles/BookingScreen/Components/BSNavbar/BSNavbar2.scss
+++ b/src/Styles/BookingScreen/Components/BSNavbar/BSNavbar2.scss
@@ -13,6 +13,18 @@
width: 32px !important;
height: 32px !important;
}
+ .ant-form-item {
+ margin-bottom: 0 !important;
+ }
+ .Combosearch .ant-select.ant-select-in-form-item {
+ width: unset !important;
+ }
+ .Combosearch {
+ height: unset !important;
+ }
+ @media (max-width: 500px) {
+ padding: 0rem 10px;
+ }
}
.BSBillingNav2div2 {
diff --git a/src/Styles/BookingScreen/Components/UtillComponents/BSNavBarDragItems.scss b/src/Styles/BookingScreen/Components/UtillComponents/BSNavBarDragItems.scss
index ff9866a..f661693 100644
--- a/src/Styles/BookingScreen/Components/UtillComponents/BSNavBarDragItems.scss
+++ b/src/Styles/BookingScreen/Components/UtillComponents/BSNavBarDragItems.scss
@@ -9,7 +9,7 @@
button {
padding: 6px 14px;
- font-family: 'Poppins';
+ font-family: "Poppins";
border: none;
outline: none;
border-radius: 5px;
@@ -35,7 +35,7 @@
width: 100%;
justify-content: space-between;
align-items: center;
- font-family: 'Poppins';
+ font-family: "Poppins";
h3 {
font-weight: 500;
@@ -76,6 +76,7 @@
left: 0;
top: 9rem;
width: 100vw !important;
+ right: 0;
padding: 1rem 1rem !important;
}
@@ -84,7 +85,7 @@
}
.AddFavItemListCont {
- height: 50vh;
+ height: 34vh;
padding-bottom: 4rem;
}
}
0 ? 'pointer' : 'not-allowed',
+ opacity: LedgerData?.length > 0 ? 1 : 0.5,
+ }}
+ >
0 ? () => exportToExcel() : (() => { })}
+ onClick={
+ LedgerData?.length > 0
+ ? () => exportToExcel()
+ : () => {}
+ }
/>