Remove Unsed Files
This commit is contained in:
parent
51144c9767
commit
6c7d6bc10e
|
|
@ -49,6 +49,7 @@
|
|||
"js-cookie": "^3.0.5",
|
||||
"jsbarcode": "^3.11.6",
|
||||
"jspdf": "^2.5.1",
|
||||
"lucide": "^0.577.0",
|
||||
"lucide-react": "^0.536.0",
|
||||
"material-ui": "^0.20.2",
|
||||
"moment": "^2.30.1",
|
||||
|
|
@ -8789,6 +8790,12 @@
|
|||
"yallist": "^2.1.2"
|
||||
}
|
||||
},
|
||||
"node_modules/lucide": {
|
||||
"version": "0.577.0",
|
||||
"resolved": "https://registry.npmjs.org/lucide/-/lucide-0.577.0.tgz",
|
||||
"integrity": "sha512-PpC/m5eOItp/WU/GlQPFBXDOhq6HibL73KzYP37OX3LM7VmzWQF8voEj8QRWUFvy9FIKfeDQkWYoyS1D/MdWFA==",
|
||||
"license": "ISC"
|
||||
},
|
||||
"node_modules/lucide-react": {
|
||||
"version": "0.536.0",
|
||||
"resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.536.0.tgz",
|
||||
|
|
|
|||
|
|
@ -52,6 +52,7 @@
|
|||
"js-cookie": "^3.0.5",
|
||||
"jsbarcode": "^3.11.6",
|
||||
"jspdf": "^2.5.1",
|
||||
"lucide": "^0.577.0",
|
||||
"lucide-react": "^0.536.0",
|
||||
"material-ui": "^0.20.2",
|
||||
"moment": "^2.30.1",
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 6.9 KiB |
|
|
@ -0,0 +1,220 @@
|
|||
import { useEffect, useRef, useState } from 'react';
|
||||
import { createIcons, icons } from 'lucide';
|
||||
|
||||
export default function PozoLoader1() {
|
||||
const iconRef = useRef(null);
|
||||
const [percent, setPercent] = useState(0);
|
||||
const [bottom, setBottom] = useState('5%');
|
||||
const [status] = useState('Loading');
|
||||
|
||||
const allIndustries = [
|
||||
'utensils',
|
||||
'chef-hat',
|
||||
'croissant',
|
||||
'cake',
|
||||
'coffee',
|
||||
'ice-cream',
|
||||
'scissors',
|
||||
'sparkles',
|
||||
'dumbbell',
|
||||
'activity',
|
||||
'heart-pulse',
|
||||
'shirt',
|
||||
'shopping-bag',
|
||||
'watch',
|
||||
'gem',
|
||||
'footprints',
|
||||
'monitor',
|
||||
'cpu',
|
||||
'tv',
|
||||
'smartphone',
|
||||
'plug',
|
||||
'fan',
|
||||
'store',
|
||||
'building',
|
||||
'shopping-cart',
|
||||
'boxes',
|
||||
'truck',
|
||||
'package',
|
||||
'hard-hat',
|
||||
'hammer',
|
||||
'pen-tool',
|
||||
'paperclip',
|
||||
'pencil',
|
||||
'copy',
|
||||
'file-text',
|
||||
'printer',
|
||||
'gift',
|
||||
'party-popper',
|
||||
'paint-roller',
|
||||
'palette',
|
||||
'wrench',
|
||||
'layout-grid',
|
||||
'sofa',
|
||||
'armchair',
|
||||
'wine',
|
||||
'beer',
|
||||
'martini',
|
||||
'flower',
|
||||
'leaf',
|
||||
'stethoscope',
|
||||
'pill',
|
||||
'cross',
|
||||
'glasses',
|
||||
'factory',
|
||||
'settings',
|
||||
'calculator',
|
||||
'receipt',
|
||||
'wallet',
|
||||
'indian-rupee',
|
||||
'sailboat',
|
||||
'anchor',
|
||||
'circle-parking',
|
||||
'car',
|
||||
'trophy',
|
||||
'medal',
|
||||
'target',
|
||||
'bike',
|
||||
];
|
||||
|
||||
useEffect(() => {
|
||||
if (!iconRef.current) return;
|
||||
|
||||
const container = iconRef.current;
|
||||
container.innerHTML = '';
|
||||
|
||||
// Create icons
|
||||
allIndustries.forEach((name) => {
|
||||
const i = document.createElement('i');
|
||||
i.setAttribute('data-lucide', name);
|
||||
container.appendChild(i);
|
||||
});
|
||||
|
||||
createIcons({ icons });
|
||||
|
||||
const svgs = container.querySelectorAll('svg');
|
||||
if (!svgs.length) return;
|
||||
|
||||
let current = 0;
|
||||
svgs[0].classList.add('active');
|
||||
|
||||
// 🔁 ICON LOOP
|
||||
const iconInterval = setInterval(() => {
|
||||
svgs[current].classList.remove('active');
|
||||
current = Math.floor(Math.random() * svgs.length);
|
||||
svgs[current].classList.add('active');
|
||||
}, 80);
|
||||
|
||||
// 🔁 PERCENT LOOP
|
||||
let currentPercent = 0;
|
||||
|
||||
const percentInterval = setInterval(() => {
|
||||
currentPercent++;
|
||||
|
||||
if (currentPercent > 100) {
|
||||
currentPercent = 0;
|
||||
}
|
||||
|
||||
setPercent(currentPercent);
|
||||
|
||||
// smooth vertical movement
|
||||
const newBottom = 5 + currentPercent * 0.8;
|
||||
setBottom(`${newBottom}%`);
|
||||
}, 60);
|
||||
|
||||
return () => {
|
||||
clearInterval(iconInterval);
|
||||
clearInterval(percentInterval);
|
||||
};
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div style={styles.body}>
|
||||
<div style={styles.centerWrapper}>
|
||||
<div ref={iconRef} style={styles.iconDisplay}></div>
|
||||
|
||||
<div style={styles.tinyText}>{status}</div>
|
||||
</div>
|
||||
|
||||
{/* Percentage Display */}
|
||||
{/* <div
|
||||
style={{
|
||||
...styles.percentage,
|
||||
bottom: bottom,
|
||||
}}
|
||||
>
|
||||
{percent}%
|
||||
</div> */}
|
||||
|
||||
<style>{`
|
||||
@keyframes subtlePulse {
|
||||
0%,100% { opacity:1 }
|
||||
50% { opacity:0.3 }
|
||||
}
|
||||
|
||||
svg {
|
||||
position:absolute;
|
||||
width:55px;
|
||||
height:55px;
|
||||
stroke-width:1.1px;
|
||||
color:rgb(209,36,46);
|
||||
opacity:0;
|
||||
transform:scale(0.85);
|
||||
transition:opacity .15s, transform .15s;
|
||||
}
|
||||
|
||||
svg.active {
|
||||
opacity:1;
|
||||
transform:scale(1);
|
||||
}
|
||||
`}</style>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
const styles = {
|
||||
body: {
|
||||
margin: 0,
|
||||
height: '100vh',
|
||||
display: 'flex',
|
||||
justifyContent: 'center',
|
||||
alignItems: 'center',
|
||||
backgroundColor: '#fff',
|
||||
color: '#000',
|
||||
overflow: 'hidden',
|
||||
position: 'relative',
|
||||
},
|
||||
centerWrapper: {
|
||||
position: 'absolute',
|
||||
top: '50%',
|
||||
left: '50%',
|
||||
transform: 'translate(-50%, -50%)',
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
alignItems: 'center',
|
||||
},
|
||||
iconDisplay: {
|
||||
position: 'relative',
|
||||
width: '80px',
|
||||
height: '80px',
|
||||
display: 'flex',
|
||||
justifyContent: 'center',
|
||||
alignItems: 'center',
|
||||
},
|
||||
tinyText: {
|
||||
marginTop: '10px',
|
||||
fontFamily: 'Inter, sans-serif',
|
||||
fontSize: '8px',
|
||||
letterSpacing: '4px',
|
||||
textTransform: 'uppercase',
|
||||
animation: 'subtlePulse 1.5s infinite',
|
||||
fontWeight: '500',
|
||||
},
|
||||
percentage: {
|
||||
position: 'absolute',
|
||||
left: '8%',
|
||||
fontSize: '2.5rem',
|
||||
fontFamily: 'monospace',
|
||||
letterSpacing: '-2px',
|
||||
},
|
||||
};
|
||||
|
|
@ -0,0 +1,272 @@
|
|||
import { useEffect, useRef } from 'react';
|
||||
import { createIcons, icons } from 'lucide';
|
||||
import PozoAppwithcolor from './PozoAppwithcolor.png';
|
||||
|
||||
export default function PozoLoader2() {
|
||||
const orbitRef = useRef(null);
|
||||
const orbit2Ref = useRef(null);
|
||||
|
||||
const industries = [
|
||||
'shopping-cart',
|
||||
'utensils',
|
||||
'shirt',
|
||||
'smartphone',
|
||||
'pill',
|
||||
'wrench',
|
||||
'car',
|
||||
'coffee',
|
||||
'heart',
|
||||
'briefcase',
|
||||
];
|
||||
|
||||
const industries2 = [
|
||||
'utensils',
|
||||
'chef-hat',
|
||||
'croissant',
|
||||
'cake',
|
||||
'coffee',
|
||||
'ice-cream',
|
||||
'scissors',
|
||||
'sparkles',
|
||||
'dumbbell',
|
||||
'activity',
|
||||
'heart-pulse',
|
||||
'shirt',
|
||||
'shopping-bag',
|
||||
'watch',
|
||||
'gem',
|
||||
'monitor',
|
||||
'cpu',
|
||||
'tv',
|
||||
'store',
|
||||
'boxes',
|
||||
'truck',
|
||||
'hammer',
|
||||
'palette',
|
||||
'wine',
|
||||
'leaf',
|
||||
'stethoscope',
|
||||
'pill',
|
||||
'factory',
|
||||
'calculator',
|
||||
'wallet',
|
||||
'car',
|
||||
];
|
||||
|
||||
useEffect(() => {
|
||||
const orbit = orbitRef.current;
|
||||
const orbit2 = orbit2Ref.current;
|
||||
|
||||
if (!orbit || !orbit2) return;
|
||||
|
||||
orbit.innerHTML = '';
|
||||
orbit2.innerHTML = '';
|
||||
|
||||
// INNER ORBIT
|
||||
const radius = 150;
|
||||
const center = 150;
|
||||
|
||||
industries.forEach((name, i) => {
|
||||
const angle = (i / industries.length) * (Math.PI * 2);
|
||||
const x = Math.cos(angle) * radius + center - 15;
|
||||
const y = Math.sin(angle) * radius + center - 15;
|
||||
|
||||
const div = document.createElement('div');
|
||||
div.className = 'floating-icon';
|
||||
div.style.left = `${x}px`;
|
||||
div.style.top = `${y}px`;
|
||||
|
||||
const inner = document.createElement('div');
|
||||
inner.setAttribute('data-lucide', name);
|
||||
|
||||
div.appendChild(inner);
|
||||
orbit.appendChild(div);
|
||||
});
|
||||
|
||||
// OUTER ORBIT
|
||||
const radius2 = 300;
|
||||
const center2 = 350;
|
||||
|
||||
industries2.forEach((name, i) => {
|
||||
const angle = (i / industries2.length) * (Math.PI * 2);
|
||||
const x = Math.cos(angle) * radius2 + center2 - 15;
|
||||
const y = Math.sin(angle) * radius2 + center2 - 15;
|
||||
|
||||
const div = document.createElement('div');
|
||||
div.className = 'floating-icon';
|
||||
div.style.left = `${x}px`;
|
||||
div.style.top = `${y}px`;
|
||||
|
||||
const inner = document.createElement('div');
|
||||
inner.setAttribute('data-lucide', name);
|
||||
|
||||
div.appendChild(inner);
|
||||
orbit2.appendChild(div);
|
||||
});
|
||||
|
||||
createIcons({ icons });
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div style={styles.body}>
|
||||
<div style={styles.center}>
|
||||
<div style={styles.wrapperOuter}>
|
||||
<div style={styles.orbitOuter} ref={orbit2Ref}></div>
|
||||
</div>
|
||||
|
||||
<div style={styles.wrapperInner}>
|
||||
<div style={styles.orbitInner} ref={orbitRef}></div>
|
||||
</div>
|
||||
|
||||
<div style={styles.logoAxis}>
|
||||
<div style={styles.logoWrapper}>
|
||||
<img src={PozoAppwithcolor} alt="PozoApp" style={styles.logo} />
|
||||
<div style={styles.shimmer}></div>
|
||||
</div>
|
||||
|
||||
<div style={styles.status}>Aligning Business</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* GLOBAL STYLES */}
|
||||
<style>{`
|
||||
@keyframes zoomInner {
|
||||
0%,100% { transform: scale(1); }
|
||||
50% { transform: scale(1.2); }
|
||||
}
|
||||
|
||||
@keyframes zoomOuter {
|
||||
0%,100% { transform: scale(1); }
|
||||
50% { transform: scale(1.2); }
|
||||
}
|
||||
|
||||
@keyframes rotate {
|
||||
from { transform: rotate(0deg); }
|
||||
to { transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
@keyframes rotateReverse {
|
||||
from { transform: rotate(0deg); }
|
||||
to { transform: rotate(-360deg); }
|
||||
}
|
||||
|
||||
@keyframes shimmerMove {
|
||||
0% { left: -120%; }
|
||||
40% { left: 120%; }
|
||||
50% { left: -120%; }
|
||||
90% { left: 120%; }
|
||||
100% { left: 120%; }
|
||||
}
|
||||
|
||||
@keyframes pulse {
|
||||
0%,100% { opacity: 0.4; }
|
||||
50% { opacity: 1; }
|
||||
}
|
||||
|
||||
.floating-icon {
|
||||
position: absolute;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #000;
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.floating-icon svg {
|
||||
stroke-width: 0.6px !important;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
}
|
||||
`}</style>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
const styles = {
|
||||
body: {
|
||||
margin: 0,
|
||||
height: '100vh',
|
||||
background: '#fff',
|
||||
fontFamily: 'Inter, sans-serif',
|
||||
overflow: 'hidden',
|
||||
},
|
||||
|
||||
center: {
|
||||
position: 'fixed',
|
||||
top: '50%',
|
||||
left: '50%',
|
||||
transform: 'translate(-50%, -50%)',
|
||||
},
|
||||
|
||||
wrapperInner: {
|
||||
position: 'absolute',
|
||||
animation: 'zoomInner 4s ease-in-out infinite',
|
||||
},
|
||||
|
||||
wrapperOuter: {
|
||||
position: 'absolute',
|
||||
animation: 'zoomOuter 6s ease-in-out infinite',
|
||||
},
|
||||
|
||||
orbitInner: {
|
||||
width: '300px',
|
||||
height: '300px',
|
||||
borderRadius: '50%',
|
||||
border: '0.5px solid rgba(0,0,0,0.06)',
|
||||
marginLeft: '-70px',
|
||||
marginTop: '-120px',
|
||||
animation: 'rotate 15s linear infinite',
|
||||
position: 'absolute',
|
||||
},
|
||||
|
||||
orbitOuter: {
|
||||
width: '700px',
|
||||
height: '700px',
|
||||
borderRadius: '50%',
|
||||
border: '0.5px solid rgba(0,0,0,0.06)',
|
||||
marginLeft: '-270px',
|
||||
marginTop: '-320px',
|
||||
animation: 'rotateReverse 22s linear infinite',
|
||||
position: 'absolute',
|
||||
},
|
||||
|
||||
logoAxis: {
|
||||
position: 'relative',
|
||||
zIndex: 10,
|
||||
textAlign: 'center',
|
||||
},
|
||||
|
||||
logoWrapper: {
|
||||
position: 'relative',
|
||||
width: '160px',
|
||||
overflow: 'hidden',
|
||||
},
|
||||
|
||||
logo: {
|
||||
width: '160px',
|
||||
display: 'block',
|
||||
},
|
||||
|
||||
shimmer: {
|
||||
position: 'absolute',
|
||||
top: 0,
|
||||
left: '-120%',
|
||||
width: '60%',
|
||||
height: '100%',
|
||||
background:
|
||||
'linear-gradient(120deg, transparent, rgba(255,255,255,0.7), transparent)',
|
||||
animation: 'shimmerMove 3s linear infinite',
|
||||
},
|
||||
|
||||
status: {
|
||||
marginTop: '6px',
|
||||
fontSize: '0.7rem',
|
||||
fontWeight: 600,
|
||||
letterSpacing: '4px',
|
||||
textTransform: 'uppercase',
|
||||
color: '#777',
|
||||
animation: 'pulse 2s infinite',
|
||||
},
|
||||
};
|
||||
|
|
@ -53,6 +53,8 @@ import {
|
|||
gettinghold,
|
||||
} from '../../Features/BookingScreen/HoldOption/HoldOption.js';
|
||||
import Loader from '../../Components/Loader/Loader.jsx';
|
||||
import PozoLoader1 from '../../Components/PozoAppLoader/PozoLoader1.jsx';
|
||||
import PozoLoader2 from '../../Components/PozoAppLoader/PozoLoader2.jsx';
|
||||
|
||||
const BookingPage = () => {
|
||||
const dispatch = useDispatch();
|
||||
|
|
@ -422,30 +424,8 @@ const BookingPage = () => {
|
|||
<div style={{ backgroundColor: '#fff !important' }}>
|
||||
{Object.keys(templateData)?.length > 0 ? (
|
||||
<>
|
||||
<Suspense
|
||||
fallback={
|
||||
<div
|
||||
style={{
|
||||
fontSize: '14px',
|
||||
fontFamily: 'Poppins',
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
gap: '0',
|
||||
height: '99vh',
|
||||
overflow: 'hidden',
|
||||
flexDirection: 'column',
|
||||
fontWeight: '500',
|
||||
bottom: '3rem',
|
||||
}}
|
||||
>
|
||||
Loading Layout...
|
||||
<span style={{ fontSize: '16px', fontWeight: '500' }}>
|
||||
PozoApp
|
||||
</span>
|
||||
</div>
|
||||
}
|
||||
>
|
||||
{/* <Suspense fallback={<PozoLoader1 />}> */}
|
||||
<Suspense fallback={<PozoLoader2 />}>
|
||||
{BookingLayout === 'Layout1' && <BSLayout1 />}
|
||||
{BookingLayout === 'Layout2' && <BSLayout2 />}
|
||||
{BookingLayout === 'Layout3' && <BSLayout3 />}
|
||||
|
|
@ -456,7 +436,8 @@ const BookingPage = () => {
|
|||
</Suspense>
|
||||
</>
|
||||
) : (
|
||||
<Loader />
|
||||
// <PozoLoader1 />
|
||||
<PozoLoader2 />
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -1,85 +0,0 @@
|
|||
import React from 'react';
|
||||
import { useSelector } from 'react-redux';
|
||||
import BSBilling4Payment from './BSBilling4Payment';
|
||||
import { getTemplateData } from '../../../../../Features/ThemeChange/ThemeChange';
|
||||
import { isMobile } from 'react-device-detect';
|
||||
import { GlobalExpDateforHeight } from '../../../../../Features/BookingScreen/BookingData/BookingData';
|
||||
import BSBillingTable3 from '../BSBillingTable3/BSBillingTable3';
|
||||
|
||||
const BSBillingTable4Full = () => {
|
||||
const templateData = useSelector(getTemplateData);
|
||||
const ExpDate = useSelector(GlobalExpDateforHeight);
|
||||
let containerHeight = '';
|
||||
|
||||
if (templateData?.BookingLayout?.[0] === 'Layout1') {
|
||||
containerHeight = isMobile
|
||||
? ExpDate <= 7
|
||||
? '480px'
|
||||
: '470px' //billing table 4 height in POS -- Layout 1
|
||||
: ExpDate <= 7
|
||||
? '82vh'
|
||||
: '';
|
||||
} else if (templateData?.BookingLayout?.[0] === 'Layout5') {
|
||||
containerHeight = isMobile
|
||||
? ExpDate <= 7
|
||||
? '480px'
|
||||
: '475px'
|
||||
: ExpDate <= 7
|
||||
? '85vh'
|
||||
: '';
|
||||
} else if (templateData?.BookingLayout?.[0] === 'Layout6') {
|
||||
containerHeight = isMobile
|
||||
? ExpDate <= 7
|
||||
? '420px'
|
||||
: '410px'
|
||||
: ExpDate <= 7
|
||||
? '72.5vh'
|
||||
: '';
|
||||
} else if (templateData?.BookingLayout?.[0] === 'Layout4') {
|
||||
containerHeight = isMobile
|
||||
? ExpDate <= 7
|
||||
? '500px'
|
||||
: '475px'
|
||||
: ExpDate <= 7
|
||||
? '85vh'
|
||||
: '';
|
||||
} else if (templateData?.BookingLayout?.[0] === 'Layout2') {
|
||||
containerHeight = isMobile
|
||||
? ExpDate <= 7
|
||||
? '490px'
|
||||
: '475px' // billing table 4 height in POS -- Layout 2
|
||||
: ExpDate <= 7
|
||||
? '84vh'
|
||||
: '';
|
||||
} else if (templateData?.BookingLayout?.[0] === 'Layout3') {
|
||||
containerHeight = isMobile
|
||||
? ExpDate <= 7
|
||||
? '480px'
|
||||
: '460px'
|
||||
: ExpDate <= 7
|
||||
? '82vh'
|
||||
: '';
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
<div
|
||||
className={
|
||||
templateData?.BookingLayout?.[0] === 'Layout6'
|
||||
? 'BSBilling4TableCont-default BSBilling4TableCont-default-6'
|
||||
: 'BSBilling4TableCont-default'
|
||||
}
|
||||
style={{ height: containerHeight }}
|
||||
>
|
||||
<div className="BSBillingDefault-table">
|
||||
<BSBillingTable3 />
|
||||
</div>
|
||||
|
||||
<div className="BSBilling4-down-content">
|
||||
<BSBilling4Payment />
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
};
|
||||
export default BSBillingTable4Full;
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,91 +0,0 @@
|
|||
import React from 'react';
|
||||
import { useSelector } from 'react-redux';
|
||||
import BSBillingTable6 from '../BSBillingTable6/BSBillingTable6';
|
||||
import BST6Payment from '../BSBillingTable6/BST6Payment';
|
||||
import '../../../../../Styles/BookingScreen/Components/BSBillingTables/BSBillingTable6/BSBTOverall6.scss';
|
||||
import { GlobalExpDateforHeight } from '../../../../../Features/BookingScreen/BookingData/BookingData';
|
||||
import { isMobile } from 'react-device-detect';
|
||||
import { getTemplateData } from '../../../../../Features/ThemeChange/ThemeChange';
|
||||
import BSBillingTable3 from '../BSBillingTable3/BSBillingTable3';
|
||||
|
||||
const BSBTOverall6 = () => {
|
||||
const templateData = useSelector(getTemplateData);
|
||||
const ExpDate = useSelector(GlobalExpDateforHeight);
|
||||
|
||||
let containerHeight = '';
|
||||
|
||||
if (templateData?.BookingLayout?.[0] === 'Layout6') {
|
||||
containerHeight = isMobile
|
||||
? ExpDate <= 7
|
||||
? '420px'
|
||||
: '410px'
|
||||
: ExpDate <= 7
|
||||
? '72vh'
|
||||
: '';
|
||||
} else if (templateData?.BookingLayout?.[0] === 'Layout1') {
|
||||
containerHeight = isMobile
|
||||
? ExpDate <= 7
|
||||
? '470px'
|
||||
: '470px' // billing table 6 height in POS
|
||||
: ExpDate <= 7
|
||||
? '81vh'
|
||||
: '';
|
||||
} else if (templateData?.BookingLayout?.[0] === 'Layout2') {
|
||||
containerHeight = isMobile
|
||||
? ExpDate <= 7
|
||||
? '490px'
|
||||
: '475px' // billing table 6 height in POS
|
||||
: ExpDate <= 7
|
||||
? '83vh'
|
||||
: '';
|
||||
} else if (templateData?.BookingLayout?.[0] === 'Layout3') {
|
||||
containerHeight = isMobile
|
||||
? ExpDate <= 7
|
||||
? '480px'
|
||||
: '460px'
|
||||
: ExpDate <= 7
|
||||
? '81vh'
|
||||
: '';
|
||||
} else if (templateData?.BookingLayout?.[0] === 'Layout4') {
|
||||
containerHeight = isMobile
|
||||
? ExpDate <= 7
|
||||
? '500px'
|
||||
: '475px'
|
||||
: ExpDate <= 7
|
||||
? '84vh'
|
||||
: '';
|
||||
} else if (templateData?.BookingLayout?.[0] === 'Layout5') {
|
||||
containerHeight = isMobile
|
||||
? ExpDate <= 7
|
||||
? '480px'
|
||||
: '475px'
|
||||
: ExpDate <= 7
|
||||
? '84vh'
|
||||
: '';
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
<div
|
||||
className={
|
||||
templateData?.BookingLayout?.[0] === 'Layout6'
|
||||
? 'BSBTOverall6-defaultscreen BSBTOverall6-defaultscreen-6'
|
||||
: 'BSBTOverall6-defaultscreen'
|
||||
}
|
||||
style={{ height: containerHeight }}
|
||||
>
|
||||
<div className="BSBTOverall6-defaultscreen-table">
|
||||
<BSBillingTable3 TableName='Table6'/>
|
||||
</div>
|
||||
|
||||
<div />
|
||||
<div className="BSBTOverall6-container">
|
||||
<div style={{ width: '100%' }}>
|
||||
<BST6Payment />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
};
|
||||
export default BSBTOverall6;
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -1,92 +0,0 @@
|
|||
import React from 'react';
|
||||
import { useSelector } from 'react-redux';
|
||||
import BSBillingTable7 from './BSBillingTable7';
|
||||
import BSBilling7Payment from './BSBilling7Payment';
|
||||
import { isMobile } from 'react-device-detect';
|
||||
import { getTemplateData } from '../../../../../Features/ThemeChange/ThemeChange';
|
||||
import {
|
||||
GlobalExpDateforHeight,
|
||||
GlobalScreenSize,
|
||||
} from '../../../../../Features/BookingScreen/BookingData/BookingData';
|
||||
import '../../../../../Styles/BookingScreen/Components/BSBillingTables/BSBillingTable7/BSBillingTable7.scss';
|
||||
import BSBillingTable3 from '../BSBillingTable3/BSBillingTable3';
|
||||
|
||||
const BSBillingTable7Overall = () => {
|
||||
const templateData = useSelector(getTemplateData);
|
||||
const ExpDate = useSelector(GlobalExpDateforHeight);
|
||||
const screenwidth = useSelector(GlobalScreenSize);
|
||||
let containerHeight = '';
|
||||
|
||||
if (templateData?.BookingLayout?.[0] === 'Layout1') {
|
||||
containerHeight = isMobile
|
||||
? ExpDate <= 7
|
||||
? '480px'
|
||||
: '468px' // billing table 7 height in POS
|
||||
: ExpDate <= 7
|
||||
? '82vh'
|
||||
: '';
|
||||
}
|
||||
//590
|
||||
else if (templateData?.BookingLayout?.[0] === 'Layout2') {
|
||||
containerHeight = isMobile
|
||||
? ExpDate <= 7
|
||||
? '490px'
|
||||
: '475px' // billing table 7 height in POS
|
||||
: ExpDate <= 7
|
||||
? '84vh'
|
||||
: '';
|
||||
} else if (templateData?.BookingLayout?.[0] === 'Layout3') {
|
||||
containerHeight = isMobile
|
||||
? ExpDate <= 7
|
||||
? '480px'
|
||||
: '460px'
|
||||
: ExpDate <= 7
|
||||
? '82vh'
|
||||
: '';
|
||||
} else if (templateData?.BookingLayout?.[0] === 'Layout5') {
|
||||
containerHeight = isMobile
|
||||
? ExpDate <= 7
|
||||
? '480px'
|
||||
: '475px'
|
||||
: ExpDate <= 7
|
||||
? '85vh'
|
||||
: '';
|
||||
} else if (templateData?.BookingLayout?.[0] === 'Layout6') {
|
||||
containerHeight = isMobile
|
||||
? ExpDate <= 7
|
||||
? '420px'
|
||||
: '410px'
|
||||
: ExpDate <= 7
|
||||
? '72vh'
|
||||
: '';
|
||||
} else if (templateData?.BookingLayout?.[0] === 'Layout4') {
|
||||
containerHeight = isMobile
|
||||
? ExpDate <= 7
|
||||
? '500px'
|
||||
: '475px'
|
||||
: ExpDate <= 7
|
||||
? '84vh'
|
||||
: '';
|
||||
}
|
||||
|
||||
return (
|
||||
<div
|
||||
className={
|
||||
templateData?.BookingLayout?.[0] === 'Layout6'
|
||||
? 'BSTable3_overall BSTable3_overall-6'
|
||||
: 'BSTable3_overall'
|
||||
}
|
||||
style={{ height: containerHeight }}
|
||||
>
|
||||
{screenwidth > 768 && (
|
||||
<div className="BSTable3">
|
||||
<BSBillingTable3 TableName="Table7" />
|
||||
</div>
|
||||
)}
|
||||
<div className="BSTable3_payroll">
|
||||
<BSBilling7Payment />
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
export default BSBillingTable7Overall;
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -26,7 +26,7 @@ import { SlArrowDown } from 'react-icons/sl';
|
|||
import { IoCloseSharp } from 'react-icons/io5';
|
||||
import TooltipWrapper from '../../../../Components/Tooltip/Tooltip';
|
||||
import { isMobile } from 'react-device-detect';
|
||||
import '../../../../Styles/BookingScreen/Components/BSNavbar/BSNavbar2.scss';
|
||||
import "./BSNavBarFavItems.scss"
|
||||
|
||||
const BSNavBarFavItems = ({ type, fill, drawerOpen = false }) => {
|
||||
const [open, setOpen] = useState(false);
|
||||
|
|
|
|||
|
|
@ -0,0 +1,150 @@
|
|||
.AddFavList {
|
||||
padding: 1.5rem 2rem;
|
||||
position: absolute;
|
||||
width: 33vw;
|
||||
top: 0;
|
||||
height: 100vh;
|
||||
background-color: white;
|
||||
right: 2px;
|
||||
transition-duration: 0.6s;
|
||||
z-index: 50;
|
||||
box-shadow: var(--BOX_SHADOW_LEVEL2);
|
||||
color: black;
|
||||
display: inline-flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 10px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.AddFavList-subContainer {
|
||||
display: flex;
|
||||
column-gap: 2rem;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.favItem-SearchBar {
|
||||
display: flex;
|
||||
height: 32px;
|
||||
border: 1px solid var(--DEFAULT_SELECTED_COLOR);
|
||||
border-radius: 50px;
|
||||
width: 100%;
|
||||
background-image: url(https://cdn3.iconfinder.com/data/icons/feather-5/24/search-64.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 18px 18px;
|
||||
background-position: 95% center;
|
||||
padding: 0 1rem;
|
||||
}
|
||||
|
||||
.AddFavItemListCont {
|
||||
height: 60vh;
|
||||
overflow: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.AddFavItemList {
|
||||
margin: 0.5rem 0rem;
|
||||
padding: 0.5rem 2rem;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
background-color: #fcfcfc;
|
||||
justify-content: space-between;
|
||||
border-radius: 6px;
|
||||
align-items: center;
|
||||
transition-duration: 0.6s;
|
||||
|
||||
.anticon {
|
||||
color: red !important;
|
||||
}
|
||||
}
|
||||
|
||||
.AddFavItemList:hover {
|
||||
width: 100%;
|
||||
height: 45px;
|
||||
background-color: #ebebeb;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
transition-duration: 0.1s;
|
||||
}
|
||||
@media (max-width: 900px) {
|
||||
.AddFavList-subContainer {
|
||||
display: flex;
|
||||
column-gap: 2rem;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.AddFavList {
|
||||
width: 55vw !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.AddFavList {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 17rem;
|
||||
width: 100vw !important;
|
||||
padding: 1rem 1rem !important;
|
||||
}
|
||||
|
||||
.AddFavItemListCont {
|
||||
height: 34vh;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.AddFavItemList {
|
||||
padding: 0.5rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.AddFavList {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 17rem;
|
||||
width: 100vw !important;
|
||||
padding: 1rem 1rem !important;
|
||||
}
|
||||
|
||||
.smallScreenclose {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.favItem-SearchBar {
|
||||
width: 97%;
|
||||
height: 2.8rem;
|
||||
}
|
||||
|
||||
.fav-close {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
font-size: 23px;
|
||||
}
|
||||
|
||||
.fav-Downarrow {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.AddFavList .primary_Button {
|
||||
width: 12rem !important;
|
||||
}
|
||||
.favItem-SearchBar {
|
||||
width: 97%;
|
||||
height: 2.8rem;
|
||||
}
|
||||
|
||||
.AddFavList .primary_Button {
|
||||
width: 10rem;
|
||||
}
|
||||
}
|
||||
@media (max-width: 499px) {
|
||||
.favItem-SearchBar {
|
||||
width: 7.6rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -435,32 +435,10 @@ const BSNavBarSearch = (props) => {
|
|||
<IoSearchOutline className="search-icon" />
|
||||
)}
|
||||
|
||||
{/* {props.nosearch==true?'':
|
||||
<div className="BSNavBar2-searchbar-searchicon">
|
||||
<span> <SearchOutlined className='search-icon' /></span>
|
||||
</div>} */}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
{/* {isMobile && screenWidth <= 768 && (
|
||||
<DefaultModal
|
||||
title="Barcode Reader"
|
||||
width={800}
|
||||
open={openScanner}
|
||||
footer={false}
|
||||
handleCancel={() => handleQrData('')} // Close modal on cancel
|
||||
className={'barcode-reader-modal'}
|
||||
>
|
||||
{openScanner && (
|
||||
<BarcodeScanner
|
||||
ref={scannerRef}
|
||||
openScanner={openScanner}
|
||||
setOpenScanner={setOpenScanner}
|
||||
handleQrData={handleQrData}
|
||||
type="Search"
|
||||
/>
|
||||
)}
|
||||
</DefaultModal>
|
||||
)} */}
|
||||
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
|
|
|||
|
|
@ -45,6 +45,8 @@ const StickerPrintTemplates = lazy(
|
|||
// SCss
|
||||
import '../../../../Styles/BookingScreen/Components/OtherConponents/Reprint/BSReprint.scss';
|
||||
import Loader from '../../../../Components/Loader/Loader.jsx';
|
||||
import PozoLoader1 from '../../../../Components/PozoAppLoader/PozoLoader1.jsx';
|
||||
import PozoLoader2 from '../../../../Components/PozoAppLoader/PozoLoader2.jsx';
|
||||
const DirectSale = ({
|
||||
UomData = [],
|
||||
TaxData = [],
|
||||
|
|
@ -951,7 +953,8 @@ const DirectSale = ({
|
|||
}, []);
|
||||
|
||||
return (
|
||||
<Suspense fallback={<Loader />}>
|
||||
// <Suspense fallback={ <PozoLoader1/>}>
|
||||
<Suspense fallback={<PozoLoader2 />}>
|
||||
<div className="direct-sale-container">
|
||||
<Messages
|
||||
messageType={messageType}
|
||||
|
|
|
|||
|
|
@ -6,14 +6,8 @@ import moment from 'moment';
|
|||
import { Messages } from '../../../../Components/Notifications/Messages.jsx';
|
||||
import { isMobile } from 'react-device-detect';
|
||||
import BSNavbar1 from '../../Components/BSNavbar/BSNavbar1';
|
||||
import BSNavbar2 from '../../Components/BSNavbar/BSNavbar2';
|
||||
import BSBillingTable1 from '../../Components/BSBillingTables/BSBillingTable1/BSBTOverall1';
|
||||
import BSBillingTable2 from '../../Components/BSBillingTables/BSBillingTable2/BSBillingTable2';
|
||||
import BSBillingTable3 from '../../Components/BSBillingTables/BSBillingTable3/BSBillingTable3overall';
|
||||
import BSBillingTable4 from '../../Components/BSBillingTables/BSBillingTable4/BSBillingTable4Full';
|
||||
import BSBillingTable5 from '../../Components/BSBillingTables/BSBillingTable5/BSBillingTable5';
|
||||
import BSBillingTable6 from '../../Components/BSBillingTables/BSBillingTable6/BSBTOverall6';
|
||||
import BSBillingTable7 from '../../Components/BSBillingTables/BSBillingTable7/BSBillingTable7Overall.jsx';
|
||||
import BSItemCard from '../../Components/BSItemCards/BSItemCard';
|
||||
import CategoryHorizontal from '../../Components/BSCategories/BSCategoryHorizontal';
|
||||
import SubCategory from '../../Components/BSSubCategories/BSSubCategoryHorizontal';
|
||||
|
|
@ -86,7 +80,6 @@ const BSExpireProductsList = lazy(
|
|||
const BSOtherServiceItemCard = lazy(
|
||||
() => import('../../Components/BSItemCards/BSOtherServiceItemCard.jsx')
|
||||
);
|
||||
const BSNavbar3 = lazy(() => import('../../Components/BSNavbar/BSNavbar3.jsx'));
|
||||
const SalesCountForStandard = lazy(
|
||||
() => import('../SalesCountForStandard.jsx')
|
||||
);
|
||||
|
|
|
|||
|
|
@ -50,11 +50,8 @@ import { PutBookingClose } from '../../../../Features/BookingScreen/RetailBookin
|
|||
|
||||
import TooltipWrapper from '../../../../Components/Tooltip/Tooltip.jsx';
|
||||
const BSNavbar1 = lazy(() => import('../../Components/BSNavbar/BSNavbar1'));
|
||||
const BSNavbar2 = lazy(() => import('../../Components/BSNavbar/BSNavbar2'));
|
||||
import BSItemCard from '../../Components/BSItemCards/BSItemCard';
|
||||
const BSBillingTable1 = lazy(
|
||||
() => import('../../Components/BSBillingTables/BSBillingTable1/BSBTOverall1')
|
||||
);
|
||||
|
||||
const BSBillingTable2 = lazy(
|
||||
() =>
|
||||
import('../../Components/BSBillingTables/BSBillingTable2/BSBillingTable2')
|
||||
|
|
@ -63,21 +60,7 @@ const BSBillingTable3 = lazy(
|
|||
() =>
|
||||
import('../../Components/BSBillingTables/BSBillingTable3/BSBillingTable3overall')
|
||||
);
|
||||
const BSBillingTable4 = lazy(
|
||||
() =>
|
||||
import('../../Components/BSBillingTables/BSBillingTable4/BSBillingTable4Full')
|
||||
);
|
||||
const BSBillingTable5 = lazy(
|
||||
() =>
|
||||
import('../../Components/BSBillingTables/BSBillingTable5/BSBillingTable5')
|
||||
);
|
||||
const BSBillingTable6 = lazy(
|
||||
() => import('../../Components/BSBillingTables/BSBillingTable6/BSBTOverall6')
|
||||
);
|
||||
const BSBillingTable7 = lazy(
|
||||
() =>
|
||||
import('../../Components/BSBillingTables/BSBillingTable7/BSBillingTable7Overall.jsx')
|
||||
);
|
||||
|
||||
const CategoryHorizontal = lazy(
|
||||
() => import('../../Components/BSCategories/BSCategoryHorizontal')
|
||||
);
|
||||
|
|
@ -117,7 +100,6 @@ const ListOfSalesInvoices = lazy(
|
|||
import('../../Components/BSBillingTables/ListofInvoices/ListOfSalesInvoices.jsx')
|
||||
);
|
||||
|
||||
const BSNavbar3 = lazy(() => import('../../Components/BSNavbar/BSNavbar3.jsx'));
|
||||
const StandardTable = lazy(
|
||||
() =>
|
||||
import('../../Components/BSBillingTables/StandardTable/StandardTable.jsx')
|
||||
|
|
|
|||
|
|
@ -13,13 +13,8 @@ import { isMobile } from 'react-device-detect';
|
|||
import CategoryHorizontal from '../../Components/BSCategories/BSCategoryHorizontal';
|
||||
import SubCategoryHorizontal from '../../Components/BSSubCategories/BSSubCategoryHorizontal';
|
||||
import BSItemCard from '../../Components/BSItemCards/BSItemCard';
|
||||
import BSBillingTable1 from '../../Components/BSBillingTables/BSBillingTable1/BSBTOverall1';
|
||||
import BSBillingTable2 from '../../Components/BSBillingTables/BSBillingTable2/BSBillingTable2';
|
||||
import BSBillingTable3 from '../../Components/BSBillingTables/BSBillingTable3/BSBillingTable3overall';
|
||||
import BSBillingTable4 from '../../Components/BSBillingTables/BSBillingTable4/BSBillingTable4Full';
|
||||
import BSBillingTable6 from '../../Components/BSBillingTables/BSBillingTable6/BSBTOverall6';
|
||||
import BSBillingTable5 from '../../Components/BSBillingTables/BSBillingTable5/BSBillingTable5';
|
||||
import BSBillingTable7 from '../../Components/BSBillingTables/BSBillingTable7/BSBillingTable7Overall.jsx';
|
||||
import { dynamicComponentProps } from '../DynamicComponentProps.js';
|
||||
import {
|
||||
getTemplateData,
|
||||
|
|
@ -90,7 +85,6 @@ const BSOtherServiceItemCard = lazy(
|
|||
const BSOtherServicesHorizontalcat = lazy(
|
||||
() => import('../../Components/BSCategories/BSOtherServicesHorizontalcat')
|
||||
);
|
||||
const BSNavbar3 = lazy(() => import('../../Components/BSNavbar/BSNavbar3.jsx'));
|
||||
const SalesCountForStandard = lazy(
|
||||
() => import('../SalesCountForStandard.jsx')
|
||||
);
|
||||
|
|
@ -107,7 +101,6 @@ const ComboSalesBillTable = lazy(
|
|||
// );
|
||||
import PlanExpireNotification from '../PlanExpireNotification.jsx';
|
||||
const BSNavbar1 = lazy(() => import('../../Components/BSNavbar/BSNavbar1'));
|
||||
const BSNavbar2 = lazy(() => import('../../Components/BSNavbar/BSNavbar2'));
|
||||
// Scss
|
||||
import '../../../../Styles/BookingScreen/Template/BSLayout3/BSLayout3.scss';
|
||||
import CardSkeleton from '../../../../Components/Skeleton/CardSkeleton.jsx';
|
||||
|
|
|
|||
|
|
@ -5,16 +5,13 @@ import { Tooltip, Badge, Popconfirm } from 'antd';
|
|||
import { isMobile } from 'react-device-detect';
|
||||
import BookingCloseIcon from '../../Components/UtillComponents/BookingCloseIcon.jsx';
|
||||
const BSNavbar1 = lazy(() => import('../../Components/BSNavbar/BSNavbar1'));
|
||||
const BSNavbar2 = lazy(() => import('../../Components/BSNavbar/BSNavbar2'));
|
||||
const CategoryHorizontal = lazy(
|
||||
() => import('../../Components/BSCategories/BSCategoryHorizontal')
|
||||
);
|
||||
const BSItemCard = lazy(
|
||||
() => import('../../Components/BSItemCards/BSItemCard')
|
||||
);
|
||||
const BSBillingTable1 = lazy(
|
||||
() => import('../../Components/BSBillingTables/BSBillingTable1/BSBTOverall1')
|
||||
);
|
||||
|
||||
const BSBillingTable2 = lazy(
|
||||
() =>
|
||||
import('../../Components/BSBillingTables/BSBillingTable2/BSBillingTable2')
|
||||
|
|
@ -23,21 +20,7 @@ const BSBillingTable3 = lazy(
|
|||
() =>
|
||||
import('../../Components/BSBillingTables/BSBillingTable3/BSBillingTable3overall')
|
||||
);
|
||||
const BSBillingTable4 = lazy(
|
||||
() =>
|
||||
import('../../Components/BSBillingTables/BSBillingTable4/BSBillingTable4Full')
|
||||
);
|
||||
const BSBillingTable5 = lazy(
|
||||
() =>
|
||||
import('../../Components/BSBillingTables/BSBillingTable5/BSBillingTable5')
|
||||
);
|
||||
const BSBillingTable6 = lazy(
|
||||
() => import('../../Components/BSBillingTables/BSBillingTable6/BSBTOverall6')
|
||||
);
|
||||
const BSBillingTable7 = lazy(
|
||||
() =>
|
||||
import('../../Components/BSBillingTables/BSBillingTable7/BSBillingTable7Overall.jsx')
|
||||
);
|
||||
|
||||
import { dynamicComponentProps } from '../DynamicComponentProps.js';
|
||||
import {
|
||||
getTemplateData,
|
||||
|
|
@ -112,7 +95,6 @@ const BSOtherServicesVerticalcat = lazy(
|
|||
() => import('../../Components/BSCategories/BSOtherServicesVerticalcat.jsx')
|
||||
);
|
||||
|
||||
const BSNavbar3 = lazy(() => import('../../Components/BSNavbar/BSNavbar3.jsx'));
|
||||
|
||||
const SalesCountForStandard = lazy(
|
||||
() => import('../SalesCountForStandard.jsx')
|
||||
|
|
|
|||
|
|
@ -6,8 +6,6 @@ import { Tooltip, Badge, Popconfirm } from 'antd';
|
|||
|
||||
const BSNavbar1 = lazy(() => import('../../Components/BSNavbar/BSNavbar1'));
|
||||
|
||||
const BSNavbar2 = lazy(() => import('../../Components/BSNavbar/BSNavbar2'));
|
||||
|
||||
const BSBillingTable1 = lazy(
|
||||
() => import('../../Components/BSBillingTables/BSBillingTable1/BSBTOverall1')
|
||||
);
|
||||
|
|
@ -22,21 +20,6 @@ const BSBillingTable3 = lazy(
|
|||
import('../../Components/BSBillingTables/BSBillingTable3/BSBillingTable3overall')
|
||||
);
|
||||
|
||||
import BSBillingTable4 from '../../Components/BSBillingTables/BSBillingTable4/BSBillingTable4Full';
|
||||
|
||||
const BSBillingTable5 = lazy(
|
||||
() =>
|
||||
import('../../Components/BSBillingTables/BSBillingTable5/BSBillingTable5')
|
||||
);
|
||||
|
||||
const BSBillingTable6 = lazy(
|
||||
() => import('../../Components/BSBillingTables/BSBillingTable6/BSBTOverall6')
|
||||
);
|
||||
|
||||
const BSBillingTable7 = lazy(
|
||||
() =>
|
||||
import('../../Components/BSBillingTables/BSBillingTable7/BSBillingTable7Overall.jsx')
|
||||
);
|
||||
import BSItemCard from '../../Components/BSItemCards/BSItemCard';
|
||||
const CategoryHorizontal = lazy(
|
||||
() => import('../../Components/BSCategories/BSCategoryHorizontal')
|
||||
|
|
@ -101,7 +84,6 @@ import BSOtherServiceItemCard from '../../Components/BSItemCards/BSOtherServiceI
|
|||
import BSOtherServicesHorizontalcat from '../../Components/BSCategories/BSOtherServicesHorizontalcat';
|
||||
import BSOtherServicesVerticalcat from '../../Components/BSCategories/BSOtherServicesVerticalcat.jsx';
|
||||
import StandardTable from '../../Components/BSBillingTables/StandardTable/StandardTable.jsx';
|
||||
import BSNavbar3 from '../../Components/BSNavbar/BSNavbar3.jsx';
|
||||
import SalesCountForStandard from '../SalesCountForStandard.jsx';
|
||||
import { CiShop } from 'react-icons/ci';
|
||||
import BranchName from '../BranchName.jsx';
|
||||
|
|
|
|||
|
|
@ -5,8 +5,6 @@ import moment from 'moment';
|
|||
import { Tooltip, Badge, Popconfirm } from 'antd';
|
||||
const BSNavbar1 = lazy(() => import('../../Components/BSNavbar/BSNavbar1'));
|
||||
|
||||
const BSNavbar2 = lazy(() => import('../../Components/BSNavbar/BSNavbar2'));
|
||||
|
||||
const BSBillingTable1 = lazy(
|
||||
() => import('../../Components/BSBillingTables/BSBillingTable1/BSBTOverall1')
|
||||
);
|
||||
|
|
@ -21,24 +19,6 @@ const BSBillingTable3 = lazy(
|
|||
import('../../Components/BSBillingTables/BSBillingTable3/BSBillingTable3overall')
|
||||
);
|
||||
|
||||
const BSBillingTable4 = lazy(
|
||||
() =>
|
||||
import('../../Components/BSBillingTables/BSBillingTable4/BSBillingTable4Full')
|
||||
);
|
||||
|
||||
const BSBillingTable5 = lazy(
|
||||
() =>
|
||||
import('../../Components/BSBillingTables/BSBillingTable5/BSBillingTable5')
|
||||
);
|
||||
|
||||
const BSBillingTable6 = lazy(
|
||||
() => import('../../Components/BSBillingTables/BSBillingTable6/BSBTOverall6')
|
||||
);
|
||||
|
||||
const BSBillingTable7 = lazy(
|
||||
() =>
|
||||
import('../../Components/BSBillingTables/BSBillingTable7/BSBillingTable7Overall.jsx')
|
||||
);
|
||||
import BSItemCard from '../../Components/BSItemCards/BSItemCard';
|
||||
const CategoryHorizontal = lazy(
|
||||
() => import('../../Components/BSCategories/BSCategoryHorizontal')
|
||||
|
|
@ -54,7 +34,6 @@ import {
|
|||
SelectedGlobalBillingColorDetail,
|
||||
} from '../../../../Features/ThemeChange/ThemeChange';
|
||||
import '../../../../Styles/BookingScreen/Template/BSLayout6/BSLayout6.scss';
|
||||
import '../../../../Styles/BookingScreen/Components/BSBillingTables/BSBillingTable4/BSBillingTable4.scss';
|
||||
import { settingDataSelector } from '../../../../Features/PreferenceMaster/PreferenceMaster.js';
|
||||
import {
|
||||
GlobalSalesDetailData,
|
||||
|
|
@ -112,7 +91,6 @@ const BSExpireProductsList = lazy(
|
|||
|
||||
import BSOtherServiceItemCard from '../../Components/BSItemCards/BSOtherServiceItemCard.jsx';
|
||||
import BSOtherServicesHorizontalcat from '../../Components/BSCategories/BSOtherServicesHorizontalcat';
|
||||
import BSNavbar3 from '../../Components/BSNavbar/BSNavbar3.jsx';
|
||||
import SalesCountForStandard from '../SalesCountForStandard.jsx';
|
||||
import StandardTable from '../../Components/BSBillingTables/StandardTable/StandardTable.jsx';
|
||||
import ComboSalesBillTable from '../../Components/BSBillingTables/ComboSalesBillTable/ComboSalesBillTable.jsx';
|
||||
|
|
|
|||
|
|
@ -9,10 +9,7 @@ import React, {
|
|||
import { useDispatch, useSelector } from 'react-redux';
|
||||
import moment from 'moment';
|
||||
import { Tooltip, Badge, Popconfirm } from 'antd';
|
||||
// const BSBillingTable1 = lazy(
|
||||
// () =>
|
||||
// import('../../Components/BSBillingTables/BSBillingTable1/BSBillingTable1')
|
||||
// );
|
||||
|
||||
const BSBillingTable2 = lazy(
|
||||
() => import('../../Components/BSBillingTables/BSBillingTable2/BsBill2')
|
||||
);
|
||||
|
|
@ -20,21 +17,8 @@ const BSBillingTable3 = lazy(
|
|||
() =>
|
||||
import('../../Components/BSBillingTables/BSBillingTable3/BSBillingTable3')
|
||||
);
|
||||
// const BSBillingTable4 = lazy(
|
||||
// () =>
|
||||
// import('../../Components/BSBillingTables/BSBillingTable4/BSBillingTable4')
|
||||
// );
|
||||
const BSBillingTable5 = lazy(
|
||||
() => import('../../Components/BSBillingTables/BSBillingTable5/BsBill')
|
||||
);
|
||||
const BSBillingTable6 = lazy(
|
||||
() =>
|
||||
import('../../Components/BSBillingTables/BSBillingTable6/BSBillingTable6')
|
||||
);
|
||||
const BSBillingTable7 = lazy(
|
||||
() =>
|
||||
import('../../Components/BSBillingTables/BSBillingTable7/BSBillingTable7')
|
||||
);
|
||||
|
||||
|
||||
|
||||
// Combo components (lazy)
|
||||
const BSC1Payment = lazy(() => import('../../Components/BSCombo/BSC1Payment'));
|
||||
|
|
@ -75,7 +59,6 @@ import {
|
|||
StoredSessionData,
|
||||
} from '../../../../Features/ThemeChange/ThemeChange.js';
|
||||
import './../../../../Styles/BookingScreen/Template/BSLayout7/Combo1.scss';
|
||||
import '../../../../Styles/BookingScreen/Components/BSBillingTables/BSBillingTable6/BST6Payment.scss';
|
||||
import {
|
||||
GLobalSadminUserPin,
|
||||
putSadminUserExit,
|
||||
|
|
@ -607,9 +590,9 @@ export default function BSCombo1() {
|
|||
{BookingBilling == 'Billing2' && <BSBillingTable2 />}
|
||||
{BookingBilling == 'Billing3' && <BSBillingTable3 />}
|
||||
{BookingBilling == 'Billing4' && <BSBillingTable3 />}
|
||||
{BookingBilling == 'Billing5' && <BSBillingTable5 />}
|
||||
{BookingBilling == 'Billing6' && <BSBillingTable6 />}
|
||||
{BookingBilling == 'Billing7' && <BSBillingTable7 />}
|
||||
{BookingBilling == 'Billing5' && <BSBillingTable3 />}
|
||||
{BookingBilling == 'Billing6' && <BSBillingTable3 />}
|
||||
{BookingBilling == 'Billing7' && <BSBillingTable3 />}
|
||||
{BookingBilling == 'Billing8' && <ComboSalesBillTable />}
|
||||
</>
|
||||
)}
|
||||
|
|
|
|||
|
|
@ -88,6 +88,8 @@ import Loader from '../../Components/Loader/Loader.jsx';
|
|||
import { getUserProfile } from '../../Features/UserAccount/userData.js';
|
||||
import { Messages } from '../../Components/Notifications/Messages.jsx';
|
||||
import TabSwitcher from './TabSwitcher.jsx';
|
||||
import PozoLoader1 from '../../Components/PozoAppLoader/PozoLoader1.jsx';
|
||||
import PozoLoader2 from '../../Components/PozoAppLoader/PozoLoader2.jsx';
|
||||
|
||||
const commonUrl = import.meta.env.ENV_COMMON_BASE_URL;
|
||||
const subDirectory = import.meta.env.ENV_BASE_URL;
|
||||
|
|
@ -128,7 +130,7 @@ const RetailDashboard = () => {
|
|||
|
||||
const CompId = getSession('CompId');
|
||||
const BranchId = getSession('BranchId');
|
||||
console.log(BranchId, "BranchId")
|
||||
console.log(BranchId, 'BranchId');
|
||||
const AppId = getSession('AppId');
|
||||
const UserId = getSession('UserId');
|
||||
const UserType = getSession('UserType');
|
||||
|
|
@ -316,18 +318,17 @@ const RetailDashboard = () => {
|
|||
const checkWarehouseorNot = async (e) => {
|
||||
let data = CompBranchData?.find((a) => a?.BrId == e);
|
||||
if (data?.LocationType == 'W') {
|
||||
sessionStore("Warhouse", true)
|
||||
sessionStore('Warhouse', true);
|
||||
await dispatch(changeWarehouse(true));
|
||||
}
|
||||
else {
|
||||
sessionStore("Warehouse", false)
|
||||
} else {
|
||||
sessionStore('Warehouse', false);
|
||||
await dispatch(changeWarehouse(false));
|
||||
}
|
||||
}
|
||||
};
|
||||
if (CompBranchData?.length > 0 && BranchId) {
|
||||
checkWarehouseorNot(BranchId)
|
||||
checkWarehouseorNot(BranchId);
|
||||
}
|
||||
}, [CompBranchData, BranchId])
|
||||
}, [CompBranchData, BranchId]);
|
||||
|
||||
useEffect(() => {
|
||||
if (
|
||||
|
|
@ -1380,7 +1381,8 @@ const RetailDashboard = () => {
|
|||
backgroundColor: '#fff',
|
||||
}}
|
||||
>
|
||||
<Loader />
|
||||
{/* <PozoLoader1/> */}
|
||||
<PozoLoader2 />
|
||||
</div>
|
||||
);
|
||||
|
||||
|
|
@ -1655,8 +1657,8 @@ const RetailDashboard = () => {
|
|||
<div
|
||||
onClick={() => {
|
||||
if (!BranchId) {
|
||||
message.error("Please log in to a branch first.");
|
||||
return null
|
||||
message.error('Please log in to a branch first.');
|
||||
return null;
|
||||
}
|
||||
const hasEmpAccess = EmpData?.find(
|
||||
(item) =>
|
||||
|
|
@ -1694,8 +1696,8 @@ const RetailDashboard = () => {
|
|||
<div
|
||||
onClick={() => {
|
||||
if (!BranchId) {
|
||||
message.error("Please log in to a branch first.");
|
||||
return null
|
||||
message.error('Please log in to a branch first.');
|
||||
return null;
|
||||
}
|
||||
const hasEmpAccess = EmpData?.find(
|
||||
(item) =>
|
||||
|
|
@ -1726,8 +1728,8 @@ const RetailDashboard = () => {
|
|||
<div
|
||||
onClick={() => {
|
||||
if (!BranchId) {
|
||||
message.error("Please log in to a branch first.");
|
||||
return null
|
||||
message.error('Please log in to a branch first.');
|
||||
return null;
|
||||
}
|
||||
const hasEmpAccess = EmpData?.find(
|
||||
(item) =>
|
||||
|
|
@ -1756,8 +1758,8 @@ const RetailDashboard = () => {
|
|||
className="quickActionBox"
|
||||
onClick={() => {
|
||||
if (!BranchId) {
|
||||
message.error("Please log in to a branch first.");
|
||||
return null
|
||||
message.error('Please log in to a branch first.');
|
||||
return null;
|
||||
}
|
||||
const hasEmpAccess = EmpData?.find(
|
||||
(item) =>
|
||||
|
|
@ -1773,6 +1775,11 @@ const RetailDashboard = () => {
|
|||
UserType === 'Super Admin' ||
|
||||
UserType === 'Super Admin User'
|
||||
) {
|
||||
if (!document.fullscreenElement) {
|
||||
document.documentElement.requestFullscreen().catch((err) => {
|
||||
console.error('Error attempting to enable fullscreen:', err);
|
||||
});
|
||||
}
|
||||
navigate(`${subDirectory}sales`);
|
||||
}
|
||||
}}
|
||||
|
|
@ -2477,11 +2484,13 @@ const RetailDashboard = () => {
|
|||
{SelectTypeName === 'OTP'
|
||||
? !FirstTimeOtp
|
||||
? `send ${SelectTypeName.toLocaleLowerCase()}`
|
||||
: `resend ${SelectTypeName.toLocaleLowerCase()}${seconds > 0 ? ` in ${seconds}s` : ''
|
||||
: `resend ${SelectTypeName.toLocaleLowerCase()}${
|
||||
seconds > 0 ? ` in ${seconds}s` : ''
|
||||
}`
|
||||
: !FirstTimePin
|
||||
? `send ${SelectTypeName.toLocaleLowerCase()}`
|
||||
: `resend ${SelectTypeName.toLocaleLowerCase()}${seconds > 0 ? ` in ${seconds}s` : ''
|
||||
: `resend ${SelectTypeName.toLocaleLowerCase()}${
|
||||
seconds > 0 ? ` in ${seconds}s` : ''
|
||||
}`}
|
||||
</button>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,8 +1,12 @@
|
|||
import React, { useCallback, useEffect, useState } from 'react';
|
||||
import './CustomerPurchaseConfirm.scss';
|
||||
import axios from 'axios';
|
||||
import { ArrowRightOutlined, DeleteFilled, CheckCircleOutlined } from '@ant-design/icons';
|
||||
import { Table } from "antd";
|
||||
import {
|
||||
ArrowRightOutlined,
|
||||
DeleteFilled,
|
||||
CheckCircleOutlined,
|
||||
} from '@ant-design/icons';
|
||||
import { Table } from 'antd';
|
||||
|
||||
const url_string = window.location.href;
|
||||
const url = new URL(url_string);
|
||||
|
|
@ -11,10 +15,15 @@ const codesParam = url.searchParams.get('code');
|
|||
import { sessionStore } from '../../../Services/Others';
|
||||
import Loader from '../../../Components/Loader/Loader';
|
||||
import { useDispatch } from 'react-redux';
|
||||
import { CustomerPurchase, getPurchaseLowStock } from '../../../Features/ConfigMasterPage/ConfigMasterPage';
|
||||
import {
|
||||
CustomerPurchase,
|
||||
getPurchaseLowStock,
|
||||
} from '../../../Features/ConfigMasterPage/ConfigMasterPage';
|
||||
import { Messages } from '../../../Components/Notifications/Messages';
|
||||
import PurchasePDFPrint from './PurchasePDFPrint';
|
||||
import { Buttons } from '../../../../ownLib/my-ui-lib';
|
||||
import PozoLoader1 from '../../../Components/PozoAppLoader/PozoLoader1';
|
||||
import PozoLoader2 from '../../../Components/PozoAppLoader/PozoLoader2';
|
||||
|
||||
function CustomerPurchaseConfirm() {
|
||||
const apiUrlToken = import.meta.env.ENV_API_URL_TOKEN;
|
||||
|
|
@ -26,9 +35,9 @@ function CustomerPurchaseConfirm() {
|
|||
const [message, setMessage] = useState({ type: null, data: null });
|
||||
const [orderSuccess, setOrderSuccess] = useState(false);
|
||||
const [details, setDetails] = useState({
|
||||
AppId: "",
|
||||
CompId: "",
|
||||
BranchId: ""
|
||||
AppId: '',
|
||||
CompId: '',
|
||||
BranchId: '',
|
||||
});
|
||||
|
||||
const handleOrderSuccess = () => {
|
||||
|
|
@ -52,17 +61,16 @@ function CustomerPurchaseConfirm() {
|
|||
setDetails({
|
||||
AppId: list?.[0]?.AppId,
|
||||
CompId: list?.[0]?.CompId,
|
||||
BranchId: list?.[0]?.BranchId
|
||||
BranchId: list?.[0]?.BranchId,
|
||||
});
|
||||
setProducts(list);
|
||||
setLoading(false);
|
||||
if (list?.[0]?.LinkStatus === "N") {
|
||||
setOrderSuccess(true)
|
||||
if (list?.[0]?.LinkStatus === 'N') {
|
||||
setOrderSuccess(true);
|
||||
}
|
||||
|
||||
} catch (error) {
|
||||
setLoading(false);
|
||||
console.error("❌ Error getting purchase data:", error);
|
||||
console.error('❌ Error getting purchase data:', error);
|
||||
}
|
||||
};
|
||||
|
||||
|
|
@ -80,9 +88,16 @@ function CustomerPurchaseConfirm() {
|
|||
if (!sessionStorage.getItem('auth')) {
|
||||
try {
|
||||
const data = { username: '1000000001', password: '1234' };
|
||||
const response = await axios.post(`${apiUrlToken}/jwtTokenGenerator`, data, {
|
||||
headers: { 'Content-Type': 'application/json', Accept: 'application/json' },
|
||||
});
|
||||
const response = await axios.post(
|
||||
`${apiUrlToken}/jwtTokenGenerator`,
|
||||
data,
|
||||
{
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
Accept: 'application/json',
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
const { token } = response?.data;
|
||||
|
||||
|
|
@ -101,9 +116,7 @@ function CustomerPurchaseConfirm() {
|
|||
if (!/^\d*$/.test(value)) return;
|
||||
|
||||
setProducts((prev) =>
|
||||
prev.map((p) =>
|
||||
p.ProdId === ProdId ? { ...p, OrderQty: value } : p
|
||||
)
|
||||
prev.map((p) => (p.ProdId === ProdId ? { ...p, OrderQty: value } : p))
|
||||
);
|
||||
};
|
||||
|
||||
|
|
@ -111,7 +124,7 @@ function CustomerPurchaseConfirm() {
|
|||
setProducts((prev) => prev?.filter((p) => p.ProdId !== record.ProdId));
|
||||
};
|
||||
|
||||
const filteredProducts = products?.filter(p =>
|
||||
const filteredProducts = products?.filter((p) =>
|
||||
p.ProdName?.toLowerCase()?.includes(searchTerm?.toLowerCase())
|
||||
);
|
||||
|
||||
|
|
@ -166,35 +179,35 @@ function CustomerPurchaseConfirm() {
|
|||
title: 'SI NO',
|
||||
dataIndex: 'index',
|
||||
key: 'index',
|
||||
align: "center",
|
||||
render: (_, __, index) => index + 1
|
||||
align: 'center',
|
||||
render: (_, __, index) => index + 1,
|
||||
},
|
||||
{
|
||||
title: 'Product Name',
|
||||
dataIndex: 'ProdName',
|
||||
key: 'ProdName'
|
||||
key: 'ProdName',
|
||||
},
|
||||
{
|
||||
title: 'Current Qty',
|
||||
dataIndex: 'BalanceQty',
|
||||
key: 'BalanceQty',
|
||||
align: "center",
|
||||
align: 'center',
|
||||
},
|
||||
{
|
||||
title: 'Required Qty',
|
||||
dataIndex: 'OrderQty',
|
||||
key: 'OrderQty',
|
||||
align: "center",
|
||||
align: 'center',
|
||||
render: (_, record) => (
|
||||
<input
|
||||
type="text"
|
||||
value={record.OrderQty || ""}
|
||||
value={record.OrderQty || ''}
|
||||
onChange={(e) =>
|
||||
handleRequiredQtyChange(record.ProdId, e.target.value)
|
||||
}
|
||||
className="CustomerPurchaseConfirm-requiredInput"
|
||||
/>
|
||||
)
|
||||
),
|
||||
},
|
||||
{
|
||||
title: 'Action',
|
||||
|
|
@ -203,7 +216,7 @@ function CustomerPurchaseConfirm() {
|
|||
align: 'center',
|
||||
render: (_, record) => (
|
||||
<DeleteFilled
|
||||
style={{ color: '#FF4D4F', cursor: "pointer" }}
|
||||
style={{ color: '#FF4D4F', cursor: 'pointer' }}
|
||||
onClick={() => handleDeleteProduct(record)}
|
||||
/>
|
||||
),
|
||||
|
|
@ -211,7 +224,8 @@ function CustomerPurchaseConfirm() {
|
|||
];
|
||||
|
||||
if (loading) {
|
||||
return <Loader />;
|
||||
// return <PozoLoader1/>;
|
||||
return <PozoLoader2 />;
|
||||
}
|
||||
|
||||
return (
|
||||
|
|
@ -224,15 +238,22 @@ function CustomerPurchaseConfirm() {
|
|||
|
||||
<div className="CustomerPurchaseConfirm-card">
|
||||
{orderSuccess ? (
|
||||
<div className="CustomerPurchaseConfirm-success" style={{ textAlign: 'center', marginTop: '50px' }}>
|
||||
<CheckCircleOutlined style={{ fontSize: '60px', color: 'green', marginBottom: '20px' }} />
|
||||
<div
|
||||
className="CustomerPurchaseConfirm-success"
|
||||
style={{ textAlign: 'center', marginTop: '50px' }}
|
||||
>
|
||||
<CheckCircleOutlined
|
||||
style={{ fontSize: '60px', color: 'green', marginBottom: '20px' }}
|
||||
/>
|
||||
<h2>Order Placed Successfully!</h2>
|
||||
<p>Your purchase order has been submitted.</p>
|
||||
</div>
|
||||
) : (
|
||||
<>
|
||||
{/* <h1 className="CustomerPurchaseConfirm-title">{products?.[0]?.CompName}</h1> */}
|
||||
<h1 className="CustomerPurchaseConfirm-title">Low Stock Products</h1>
|
||||
<h1 className="CustomerPurchaseConfirm-title">
|
||||
Low Stock Products
|
||||
</h1>
|
||||
|
||||
<div className="supplier-container">
|
||||
<p className="supplier-title">Supplier Details</p>
|
||||
|
|
@ -244,16 +265,26 @@ function CustomerPurchaseConfirm() {
|
|||
|
||||
<div className="supplier-row">
|
||||
<span className="supplier-label">Supplier Name</span>
|
||||
<span className="supplier-value">{products?.[0]?.SupplierDetails?.[0]?.SuppName}</span>
|
||||
<span className="supplier-value">
|
||||
{products?.[0]?.SupplierDetails?.[0]?.SuppName}
|
||||
</span>
|
||||
</div>
|
||||
{products?.[0]?.SupplierDetails?.[0]?.SuppMobile && <div className="supplier-row">
|
||||
{products?.[0]?.SupplierDetails?.[0]?.SuppMobile && (
|
||||
<div className="supplier-row">
|
||||
<span className="supplier-label">Supplier Mobile</span>
|
||||
<span className="supplier-value">{products?.[0]?.SupplierDetails?.[0]?.SuppMobile}</span>
|
||||
</div>}
|
||||
{products?.[0]?.SupplierDetails?.[0]?.SuppEmail && <div className="supplier-row">
|
||||
<span className="supplier-value">
|
||||
{products?.[0]?.SupplierDetails?.[0]?.SuppMobile}
|
||||
</span>
|
||||
</div>
|
||||
)}
|
||||
{products?.[0]?.SupplierDetails?.[0]?.SuppEmail && (
|
||||
<div className="supplier-row">
|
||||
<span className="supplier-label">Email</span>
|
||||
<span className="supplier-value">{products?.[0]?.SupplierDetails?.[0]?.SuppEmail}</span>
|
||||
</div>}
|
||||
<span className="supplier-value">
|
||||
{products?.[0]?.SupplierDetails?.[0]?.SuppEmail}
|
||||
</span>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div className="supplier-row">
|
||||
<span className="supplier-label">Address</span>
|
||||
|
|
@ -285,7 +316,7 @@ function CustomerPurchaseConfirm() {
|
|||
columns={ProductdataColumns}
|
||||
pagination={{
|
||||
pageSize: 10,
|
||||
onChange: (page) => console.log("Page:", page)
|
||||
onChange: (page) => console.log('Page:', page),
|
||||
}}
|
||||
/>
|
||||
|
||||
|
|
|
|||
|
|
@ -298,3 +298,26 @@ input::-webkit-inner-spin-button {
|
|||
text-transform: capitalize;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.BSBTOverall1Defaultsummary {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
// margin-Top:2rem;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
.icon-button {
|
||||
font-size: 10px;
|
||||
font-weight: 500;
|
||||
height: unset;
|
||||
padding: 4px 6px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 499px) {
|
||||
.BSBTOverall1Defaultsummary {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 0rem;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,821 +0,0 @@
|
|||
.BSBillingDefault-table {
|
||||
height: inherit;
|
||||
flex-grow: 1;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.BSLayout6-fullbody {
|
||||
height: 99.3vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.BSLayout6-fullbody .BSBilling4TableCont-default {
|
||||
height: 83vh;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.BSLayout6-fullbody .BsTable2-Master {
|
||||
height: 71vh;
|
||||
}
|
||||
|
||||
.BSLayout6-fullbody .BSBTOverall1-Default {
|
||||
height: 79vh;
|
||||
}
|
||||
|
||||
.BSLayout6-fullbody .BSBillingTable5-table-master-div {
|
||||
height: 83vh;
|
||||
}
|
||||
|
||||
.BSBilling4div {
|
||||
width: 100%;
|
||||
flex-shrink: 0;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.BSC1-Master .BSBilling4-tablediv {
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
padding-bottom: 3rem;
|
||||
}
|
||||
|
||||
.BSBilling4-tablediv-mobile {
|
||||
display: block;
|
||||
height: 40vh;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.BSBilling4-tablediv-mobile::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.BSBilling4-tablediv::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.BSBill-Table4 {
|
||||
width: 100%;
|
||||
border-spacing: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.Table4-tbody {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.BsBill-table4-contenttable {
|
||||
width: 100%;
|
||||
border-spacing: 0 10px;
|
||||
text-align: center;
|
||||
height: 70vh;
|
||||
}
|
||||
|
||||
.BSBill-table4-itemtext-th {
|
||||
padding: 10px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.BSBill-Table4-throw {
|
||||
background-color: #161a1e;
|
||||
color: white;
|
||||
width: 60px;
|
||||
height: 3rem;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.BSBill-Table4 th {
|
||||
border-spacing: 0;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.Table4-items {
|
||||
text-align: left;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.BSBill4-item-extraprice {
|
||||
color: #007e1c;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.BSBill-Table4-content {
|
||||
background-color: rgba(235, 235, 236, 1);
|
||||
height: 3rem;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.BSBill-Table4-content-disabled {
|
||||
pointer-events: none;
|
||||
background-color: rgb(243, 248, 213);
|
||||
height: 3rem;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.BSBilling4-down-content {
|
||||
bottom: 0;
|
||||
width: inherit;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.BSBilling4-view-summary {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.BSBilling4-price-full {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
row-gap: 0rem;
|
||||
box-shadow: var(--BOX_SHADOW_LEVEL2);
|
||||
}
|
||||
|
||||
.BSBilling4-customer {
|
||||
display: flex;
|
||||
width: 50%;
|
||||
flex-wrap: wrap;
|
||||
background-color: white;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.BSBilling4-customer-subdiv {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
height: fit-content;
|
||||
justify-content: center;
|
||||
row-gap: 1rem;
|
||||
}
|
||||
|
||||
.Table4-price {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-right: 26px;
|
||||
}
|
||||
|
||||
.Table4-price-fullflex {
|
||||
width: 55%;
|
||||
}
|
||||
|
||||
.Table4-finalprice {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.Table4-customer .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
|
||||
width: 10rem;
|
||||
height: 2rem;
|
||||
text-align: center;
|
||||
border-radius: 4.982px;
|
||||
background-color: rgba(51, 55, 58, 0.1);
|
||||
border: none;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.Table4-customer .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
|
||||
color: #000;
|
||||
padding-inline-end: 0px !important;
|
||||
}
|
||||
|
||||
.BSBill4-Add-new-customer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.Table4-payment-mode {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
flex-direction: row;
|
||||
column-gap: 1rem;
|
||||
}
|
||||
|
||||
.Table4-cash {
|
||||
display: flex;
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.Table4-Btn-payment-mode {
|
||||
height: 2rem;
|
||||
width: 8rem;
|
||||
border-radius: 6.216px;
|
||||
border: 0px;
|
||||
background: #e0e0e0;
|
||||
color: black;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.Table4-paymentmode-active {
|
||||
height: 2rem;
|
||||
width: 8rem;
|
||||
border-radius: 6.216px;
|
||||
border: 0px;
|
||||
background: #33373a;
|
||||
color: #e0e0e0;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.Table4-vertical-line {
|
||||
border: 0.83px solid rgb(175, 173, 173);
|
||||
}
|
||||
|
||||
.Table4-total-price {
|
||||
width: 70%;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.Table4-totalprice-row {
|
||||
height: 0px;
|
||||
}
|
||||
|
||||
.Table4-price-btn-master {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0px;
|
||||
}
|
||||
|
||||
.Table4-Price-div {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.Table4-Btn-final-price {
|
||||
width: 8.5rem;
|
||||
margin: 0.5rem;
|
||||
height: 3rem;
|
||||
border-radius: 4.982px;
|
||||
background: var(--SELECTED_COLOR);
|
||||
text-align: center;
|
||||
border: 0;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.Table4-Btn-final-price-disabled {
|
||||
width: 8.5rem;
|
||||
margin: 0.5rem;
|
||||
height: 3rem;
|
||||
border-radius: 4.982px;
|
||||
background: var(--SELECTED_COLOR);
|
||||
text-align: center;
|
||||
border: 0;
|
||||
pointer-events: none;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.Table4-rate {
|
||||
display: flex;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-size: 23px;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.Table4-td-names {
|
||||
text-align: left;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.Table4-td-values {
|
||||
text-align: right;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.BSBilling4-price-content {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
@media (min-width: 280px) and (max-width: 499px) {
|
||||
.Table4-Btn-payment-mode {
|
||||
font-size: 12px !important;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.T4PTable {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.Table4-total-price {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.Table4-finalprice {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.BSBilling4-price-content {
|
||||
row-gap: 0rem;
|
||||
}
|
||||
|
||||
.Table4-cash {
|
||||
width: 60px !important;
|
||||
}
|
||||
|
||||
.BSLayout6-fullbody {
|
||||
height: 88vh !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 500px) {
|
||||
.Table4-td-names {
|
||||
text-align: left;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.Table4-td-values {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
.Table4-rate {
|
||||
font-size: 24px !important;
|
||||
}
|
||||
|
||||
.Table4-price {
|
||||
display: revert;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
.Table4-hand-icon {
|
||||
font-size: 20px !important;
|
||||
}
|
||||
|
||||
.Table4-total-price {
|
||||
width: 70px;
|
||||
}
|
||||
|
||||
.Table4-rate-arrow {
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
border-radius: 20px !important;
|
||||
}
|
||||
|
||||
.Table4-customer .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
|
||||
width: 8rem !important;
|
||||
font-size: 8px !important;
|
||||
}
|
||||
|
||||
.BSBilling4-price-content {
|
||||
display: flex;
|
||||
flex-direction: column !important;
|
||||
}
|
||||
|
||||
.Table4-price {
|
||||
justify-content: center;
|
||||
margin-left: 6px !important;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.BSBill4-items {
|
||||
color: #007e1c;
|
||||
text-align: right;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.BSBilling4-summary {
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.Table4-pencil {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
.BSBill4-icon-button {
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
border-radius: 30px;
|
||||
padding: 0px;
|
||||
margin: 6px 6px;
|
||||
}
|
||||
|
||||
.Table4-fullrate {
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.BSBill4-male-usericon {
|
||||
height: 25px;
|
||||
width: 25px;
|
||||
}
|
||||
|
||||
.Table4-hand-icon {
|
||||
font-size: 23px;
|
||||
}
|
||||
|
||||
.BSBilling4-vertical-line {
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
background-color: #000;
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
// MobileScreen design
|
||||
.BSBilling4TableCont-MobileScreen {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.BSBilling4TableCont-default {
|
||||
width: inherit;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 1rem;
|
||||
justify-content: space-between;
|
||||
overflow: auto;
|
||||
height: 80vh;
|
||||
}
|
||||
|
||||
.BSBilling4TableCont-default-6 {
|
||||
height: 71vh;
|
||||
}
|
||||
|
||||
@media (min-width: 500px) and (max-width: 768px) {
|
||||
.BSBill-table4-itemtext-th {
|
||||
padding: 5px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.Table4-items {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.BSBill-Table4 {
|
||||
width: 100vw;
|
||||
border-spacing: 0 4px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.BSBill-Table4 th {
|
||||
border-spacing: 0;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: normal;
|
||||
}
|
||||
.BSBillingDefault-table {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.BSBillingMobile-Table {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.BSBilling4-down-content {
|
||||
display: flex;
|
||||
width: inherit;
|
||||
position: fixed;
|
||||
bottom: 4px;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.BSBilling4-vertical-line {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.Table4-Pricetable-content {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.BSBilling4-customer {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
flex-wrap: wrap;
|
||||
background-color: white;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.Table4-payment-mode {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
flex-direction: row;
|
||||
column-gap: 1rem;
|
||||
padding: 1rem 1rem;
|
||||
}
|
||||
|
||||
.BSBilling4-price-full {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
box-shadow: var(--BOX_SHADOW_LEVEL2);
|
||||
}
|
||||
|
||||
.Table4-price {
|
||||
display: flex;
|
||||
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.Table4-Btn-final-price {
|
||||
width: max-content !important;
|
||||
padding: 0rem 3rem;
|
||||
height: 3rem !important;
|
||||
}
|
||||
|
||||
.BSBilling4-view-summary {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.BSBilling4TableCont-default {
|
||||
position: fixed;
|
||||
width: 0px !important;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.BSBilling4-popover-overlay {
|
||||
width: 95% !important;
|
||||
}
|
||||
|
||||
.BSBilling4-viewtext {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.BSBillingTable4-Icons {
|
||||
width: 95%;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.BSBilling4-price-content {
|
||||
display: flex;
|
||||
flex-direction: column !important;
|
||||
row-gap: 0.3rem !important;
|
||||
align-items: center;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.Table4-price {
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
.BSBilling4-popover-overlay {
|
||||
width: 30vw;
|
||||
}
|
||||
|
||||
.Table4-editicon {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.Table-4-mrp_price {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.Table-4_qty {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.Table4-Dis {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.Table4-item-price {
|
||||
text-align: center;
|
||||
font-family: "Gilroy-Medium";
|
||||
font-size: 14px;
|
||||
text-align: right;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
@media (min-width: 280px) and (max-width: 499px) {
|
||||
.BSBill-Table4 {
|
||||
width: 100vw;
|
||||
border-spacing: 0 4px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.BSBill-table4-itemtext-th {
|
||||
padding: 1px;
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
.BSBilling4-price-full {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
box-shadow: var(--BOX_SHADOW_LEVEL2);
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.Table4-items {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.BSBilling4TableCont-default {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
height: 0vh !important;
|
||||
}
|
||||
|
||||
.BSBillingDefault-table {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.BSBill4-items {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.BSBill4-item-extraprice {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.BSBilling4-down-conten {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.BSBilling4-down-content {
|
||||
bottom: 0px;
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
.Table4-payment-mode {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
flex-direction: row;
|
||||
column-gap: 0.5rem;
|
||||
padding: 0.4rem 1rem;
|
||||
}
|
||||
|
||||
.Table4-price-icon-container {
|
||||
row-gap: 0 !important;
|
||||
flex-wrap: wrap !important;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.Table7-price-icon-container {
|
||||
row-gap: 0 !important;
|
||||
flex-wrap: wrap !important;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.CustomerAddSrch {
|
||||
justify-content: space-around !important;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.BSBilling4-price-content {
|
||||
display: flex;
|
||||
flex-direction: column !important;
|
||||
row-gap: 0rem !important;
|
||||
}
|
||||
|
||||
.Table4-price {
|
||||
justify-content: center;
|
||||
width: 100vw;
|
||||
}
|
||||
}
|
||||
|
||||
.BSBillingTable4-Icons {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
justify-content: space-evenly;
|
||||
font-size: 23px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.BSBilling4-price-content {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 100vw;
|
||||
@media (max-width: 768px) {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
|
||||
.Table4-price-icon-container {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
justify-content: space-evenly;
|
||||
padding: 0px 0px;
|
||||
}
|
||||
.Table7-price-icon-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
justify-content: space-evenly;
|
||||
padding: 0px 0px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.BSCategory5-tablecont {
|
||||
width: inherit;
|
||||
}
|
||||
|
||||
.Tbl4-Variant {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
@media (min-width: 500px) and (max-width: 768px) {
|
||||
.Table4-price-icon-container {
|
||||
width: 100vw;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.Table7-price-icon-container {
|
||||
width: 100vw;
|
||||
flex-direction: row;
|
||||
}
|
||||
}
|
||||
|
||||
.Order {
|
||||
background-color: var(--SELECTED_COLOR);
|
||||
}
|
||||
|
||||
.ChairClrRed {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.ChairClrGreen {
|
||||
color: var(--SELECTED_COLOR);
|
||||
}
|
||||
|
||||
.Table4-Order {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.billing-in-style-Order4 {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
padding: 2px;
|
||||
}
|
||||
.BS7hold-sum {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
column-gap: 1rem;
|
||||
color: var(--DEFAULT_SELECTED_COLOR);
|
||||
}
|
||||
.RowforResposiveBill7 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.RowResposiveBill7 {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 4px;
|
||||
width: 100%;
|
||||
}
|
||||
.bsbilltable7 {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.BSTable3_payroll {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.bsbilltable7 {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,700 +0,0 @@
|
|||
.BSBillingTable5-table-master-div {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 0em;
|
||||
background-color: #fff;
|
||||
width: inherit;
|
||||
overflow: auto;
|
||||
scrollbar-width: thin;
|
||||
height: 80vh;
|
||||
}
|
||||
.BSBillingTable5-table-master-div-6 {
|
||||
height: 70vh;
|
||||
}
|
||||
|
||||
.BSLayout5-Master .AddFavList {
|
||||
left: 0;
|
||||
height: 95vh;
|
||||
width: 400px;
|
||||
box-shadow: var(--BOX_SHADOW_LEVEL2);
|
||||
}
|
||||
|
||||
.BSLayout5-Master .favsbmtbtn {
|
||||
position: fixed;
|
||||
bottom: 10px;
|
||||
left: 40px;
|
||||
}
|
||||
|
||||
.SmallScreen {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.Credit Customer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-items: center;
|
||||
}
|
||||
|
||||
.BSC1-Master .BSBillingTable5-billtable {
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
scrollbar-width: thin;
|
||||
padding-bottom: 3rem;
|
||||
}
|
||||
|
||||
.BSBillingTable5-thead {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.BSBillingTable5-payOptions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.BSBillingTable-title {
|
||||
text-transform: uppercase;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
column-gap: 0.5rem;
|
||||
font-size: 2.7dvh;
|
||||
padding: 1rem 0rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.BSBillingTable5-addcstmr-link {
|
||||
cursor: pointer;
|
||||
font-size: 18px;
|
||||
transition-duration: 0.2s;
|
||||
}
|
||||
|
||||
.BSBillingTable5-addcstmr-link:hover {
|
||||
cursor: pointer;
|
||||
font-size: 18.5px;
|
||||
transition-duration: 0.2s;
|
||||
}
|
||||
|
||||
.BSBillingTable5-addbtn {
|
||||
font-size: 24px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.BSBillingTable5-tablediv {
|
||||
font-family: arial, sans-serif;
|
||||
border-collapse: collapse;
|
||||
|
||||
border-spacing: 0 0px;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.BSBillingTable5-table-td {
|
||||
border-bottom: 1.9px dashed #000;
|
||||
text-align: left;
|
||||
padding: 8px;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
font-family: var(--PARA_FONT_FAMILY);
|
||||
}
|
||||
|
||||
.BSBillingTable5-table-th {
|
||||
border-bottom: 1.9px solid #000;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.Table3-Price-summarypop-tab {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.BSBillingTable5-table-notes {
|
||||
font-size: "14px";
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.BSBillingTable5-table-cont {
|
||||
text-align: left;
|
||||
line-height: 1.5;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.BSBillingTable5-table-sub-td {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #52c41a;
|
||||
}
|
||||
|
||||
.BSBillingTable5-table-tr:nth-child(even) {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.BSBillingTable5-table-tr-disabled {
|
||||
pointer-events: none;
|
||||
background-color: rgb(243, 248, 213);
|
||||
}
|
||||
|
||||
.BSBillingTable5-table-count {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.BSBillingTable5-table-count-min-btn {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
background-color: rgb(207, 207, 207);
|
||||
border-radius: 25px;
|
||||
color: #000000;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.BSBillingTable5-table-count-num {
|
||||
width: 40px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.BSBillingTable5-table-count-max-btn {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
background-color: #ff4d4f;
|
||||
border-radius: 25px;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
}
|
||||
|
||||
hr.new1 {
|
||||
border-top: 2px dashed #000;
|
||||
}
|
||||
|
||||
// bill table /
|
||||
.BSBillingTable-billtable {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 0.5rem;
|
||||
padding: 10px 0px;
|
||||
}
|
||||
|
||||
.payrow1 {
|
||||
display: flex;
|
||||
color: var(--DEFAULT_SELECTED_COLOR);
|
||||
gap: 1.2rem;
|
||||
}
|
||||
|
||||
.BSBillingTable-ftr {
|
||||
bottom: 0;
|
||||
background-color: #fff;
|
||||
width: inherit;
|
||||
gap: 0.5rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.BSBillingTable5-billtablediv {
|
||||
width: 100%;
|
||||
font-family: var(--PARA_FONT_FAMILY);
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.BSBillingTable5-billtable-td {
|
||||
text-align: left;
|
||||
padding: 8px;
|
||||
text-align: right;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.BSBillingTable5-billsubtable-td {
|
||||
border-bottom: 1.9px dashed #000000;
|
||||
padding: 8px;
|
||||
text-align: right;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.BSBillingTable5-billtable-total {
|
||||
padding: 8px;
|
||||
text-align: right;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.BSBIllingTable5-btns {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: row;
|
||||
column-gap: 0.5rem;
|
||||
margin-bottom: 0.8rem;
|
||||
}
|
||||
|
||||
.BSBIllingTable5-holdbtn {
|
||||
width: 130px;
|
||||
height: 50px;
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
font-family: var(--PARA_FONT_FAMILY);
|
||||
background-color: var(--DEFAULT_SELECTED_COLOR);
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
transition-duration: 0.2s;
|
||||
border: #ececec solid 1px;
|
||||
}
|
||||
|
||||
.BSBIllingTable5-paybtn {
|
||||
width: 25rem;
|
||||
height: 50px;
|
||||
border-radius: 3px;
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
font-family: var(--HEADING_FONT_FAMILY);
|
||||
background-color: var(--SELECTED_COLOR);
|
||||
color: #000;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
transition-duration: 0.2s;
|
||||
border: rgba(236, 236, 236, 0) solid 1px;
|
||||
}
|
||||
|
||||
.BSBIllingTable5-paybtn-noitems {
|
||||
width: 180px;
|
||||
height: 50px;
|
||||
border-radius: 3px;
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
font-family: var(--HEADING_FONT_FAMILY);
|
||||
background-color: var(--SELECTED_COLOR);
|
||||
color: #000;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
transition-duration: 0.2s;
|
||||
border: rgba(236, 236, 236, 0) solid 1px;
|
||||
}
|
||||
|
||||
.BSBIllingTable5-paybtn-noitems-disable {
|
||||
width: 180px;
|
||||
height: 50px;
|
||||
border-radius: 3px;
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
font-family: var(--HEADING_FONT_FAMILY);
|
||||
background-color: var(--SELECTED_COLOR);
|
||||
color: #000;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
transition-duration: 0.2s;
|
||||
border: rgba(236, 236, 236, 0) solid 1px;
|
||||
pointer-events: none;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.BSBIllingTable5-cnclbtn {
|
||||
margin-left: 2px;
|
||||
width: 70px;
|
||||
height: 50px;
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
font-family: var(--PARA_FONT_FAMILY);
|
||||
background-color: #dd2a2a40;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.BSBIllingTable5-ftrbtns {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.BSBillingTable5-payOpt {
|
||||
display: flex;
|
||||
font-size: 25px;
|
||||
font-weight: 500;
|
||||
flex-direction: row;
|
||||
row-gap: 1rem;
|
||||
column-gap: 1rem;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.BSBillingTable5-payOptsel {
|
||||
height: 30px;
|
||||
font-size: 14px;
|
||||
font-weight: 550;
|
||||
border: none;
|
||||
color: #242424;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
select:focus-visible {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.BSBIllingTable5-summary {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.BSBillingTable5-addpay {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.smallScreensummary {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (width: 280px) {
|
||||
.BSBIllingTable5-paybtn-noitems {
|
||||
width: 170px !important;
|
||||
}
|
||||
|
||||
.BSBIllingTable5-cnclbtn {
|
||||
width: 55px;
|
||||
height: 45px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 280px) and (max-width: 499px) {
|
||||
.BSBillingTable5-payOptsel {
|
||||
width: inherit;
|
||||
}
|
||||
|
||||
.Table3-Price-summarypop-tab {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.payrow1 {
|
||||
column-gap: 0.5rem;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.BSBillingTable5-payOptions {
|
||||
column-gap: 0.1rem;
|
||||
}
|
||||
|
||||
.BSBillingTable5-payOpt {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
column-gap: 0.1rem;
|
||||
row-gap: 0rem;
|
||||
}
|
||||
|
||||
.payrow2 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.BSBillingTable-billtable {
|
||||
gap: 0.22rem !important;
|
||||
justify-content: flex-start !important;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.BSBillingTable5-billtablediv {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.BigScreen {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.SmallScreen {
|
||||
display: flex;
|
||||
font-size: 23px;
|
||||
}
|
||||
|
||||
.smallScreensummary {
|
||||
width: 90vw;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.BSBIllingTable5-btns {
|
||||
width: 100vw !important;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.BSBillingTable-ftr {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
background-color: #fff;
|
||||
width: 100vw;
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.BSBillingTable-oCbtn {
|
||||
position: fixed !important;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.BSLayout2-bSlayer {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.BSBillingTable-title {
|
||||
font-size: 2.4dvh !important;
|
||||
}
|
||||
|
||||
.BSBillingTable5-table-th {
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
.BSBillingTable5-table-td {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.BSBillingTable5-table-count {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
padding: 10px 5px;
|
||||
}
|
||||
|
||||
.BSBIllingTable5-ftrbtns {
|
||||
display: flex !important;
|
||||
flex-direction: row !important;
|
||||
column-gap: 0.4rem !important;
|
||||
position: fixed !important;
|
||||
align-items: center !important;
|
||||
width: 100%;
|
||||
justify-content: flex-start;
|
||||
background-color: #fff !important;
|
||||
}
|
||||
|
||||
.BSBIllingTable5-holdbtn {
|
||||
height: 45px;
|
||||
width: 120px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.BSBIllingTable5-paybtn {
|
||||
height: 50px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.BSBIllingTable5-cnclbtn {
|
||||
width: 55px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.BSBillingTable5-table-master-div {
|
||||
width: 0px !important;
|
||||
}
|
||||
|
||||
.BSBillingTable5-billtablediv {
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
.BSBillingTable5-payOpt {
|
||||
width: inherit !important;
|
||||
}
|
||||
|
||||
.BSBillingTable5-addpay {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.BSBillingTable5-adpay-ico {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
column-gap: 2rem;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.BSBIllingTable5-summary {
|
||||
position: absolute;
|
||||
background-color: #fff;
|
||||
bottom: 65px;
|
||||
width: 280px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.BSBIllingTable5-mobscrn {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 25vw !important;
|
||||
height: 5rem;
|
||||
width: 100%;
|
||||
z-index: 3;
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
/* For screens smaller than 768px (e.g., smartphones) */
|
||||
|
||||
@media all and (max-width: 499px) {
|
||||
.smallScreensummary {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.BSBillingTable5-addpay {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.BSBIllingTable5-mobscrn {
|
||||
width: 100vw !important;
|
||||
}
|
||||
|
||||
.BSBillingTable5-adpay-ico {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
column-gap: 3rem;
|
||||
padding: 0rem 2rem;
|
||||
font-size: 23px;
|
||||
}
|
||||
|
||||
.BSBIllingTable5-ftrbtns {
|
||||
width: 100vw !important;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
.BSBIllingTable5-summary {
|
||||
position: absolute;
|
||||
background-color: #fff;
|
||||
bottom: 98px;
|
||||
width: 100vw;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 500px) and (max-width: 767px) {
|
||||
.Table3-Price-summarypop-tab {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.BSBIllingTable5-btns {
|
||||
column-gap: 2rem;
|
||||
}
|
||||
|
||||
.smallScreensummary {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.BSBillingTable-oCbtn {
|
||||
position: fixed !important;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.BSBillingTable5-table-master-div {
|
||||
width: 0vw;
|
||||
}
|
||||
|
||||
.BSBIllingTable5-ftrbtns {
|
||||
display: flex !important;
|
||||
flex-direction: row !important;
|
||||
column-gap: 1rem !important;
|
||||
position: fixed !important;
|
||||
align-items: center !important;
|
||||
width: 100%;
|
||||
background-color: #fff !important;
|
||||
}
|
||||
|
||||
.BSBillingTable5-payOpt {
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.BSBIllingTable5-holdbtn {
|
||||
height: 45px;
|
||||
}
|
||||
|
||||
.BSBillingTable-ftr {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-color: #fff;
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
.BSBIllingTable5-cnclbtn {
|
||||
width: 95px;
|
||||
}
|
||||
|
||||
.BSBillingTable5-addpay {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.BSBIllingTable5-mobscrn {
|
||||
height: 77px;
|
||||
width: 98vw !important;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 2;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.BSBillingTable5-adpay-ico {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
column-gap: 1rem;
|
||||
font-size: 23px;
|
||||
}
|
||||
|
||||
.BSBIllingTable5-summary {
|
||||
position: absolute;
|
||||
background-color: #fff;
|
||||
width: 100vw;
|
||||
height: 25rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
z-index: 3;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 991px) and (max-width: 1364px) {
|
||||
.BSBillingTable-oCbtn {
|
||||
position: fixed !important;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.BSLayout2-bSlayer {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.Tbl5-Variant {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.Order {
|
||||
background-color: var(--SELECTED_COLOR);
|
||||
}
|
||||
|
||||
.ChairClrRed {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.ChairClrGreen {
|
||||
color: var(--SELECTED_COLOR);
|
||||
}
|
||||
|
|
@ -1,89 +0,0 @@
|
|||
.BSBTOverall6-defaultscreen-table {
|
||||
height: 100vh;
|
||||
overflow: auto;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.BSBTOverall6-mobileScreen {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.BSBTOverall6-defaultscreen {
|
||||
display: flex;
|
||||
width: inherit;
|
||||
// max-height: 40vh !important;
|
||||
// min-height: 30px !important;
|
||||
overflow-y: auto;
|
||||
//vm
|
||||
// height: 84vh;
|
||||
height: 80vh;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.BSBTOverall6-defaultscreen-6 {
|
||||
//vm
|
||||
height: 70vh;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.BSBTOverall6-mobileScreen {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.BSBTOverall6-defaultscreen {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.BSBTOverall6-defaultscreen-table {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.BSBTOverall6-defaultscreen-summery {
|
||||
// display: none;
|
||||
}
|
||||
|
||||
.overall-summery {
|
||||
// display: none !important;
|
||||
}
|
||||
|
||||
.BSBTOverall6-container {
|
||||
position: fixed;
|
||||
height: 0;
|
||||
bottom: 0;
|
||||
width: inherit;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.BSBTOverall6-container {
|
||||
// position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: inherit;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.Summary6 {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 280px) and (max-width: 499px) {
|
||||
.BSBTOverall6-mobileScreen {
|
||||
width: 10%;
|
||||
}
|
||||
|
||||
.BSBTOverall6-defaultscreen {
|
||||
height: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.BSBTOverall6-container {
|
||||
// position: fixed;
|
||||
bottom: 10px;
|
||||
width: inherit;
|
||||
z-index: 1;
|
||||
}
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.BillingTable6-Structure {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 2rem;
|
||||
}
|
||||
|
||||
.BSC1-Master .BillingTable6-Structure {
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
padding-bottom: 3rem;
|
||||
}
|
||||
|
||||
.BillingTable6-Table1 {
|
||||
border-spacing: 0px;
|
||||
}
|
||||
|
||||
.BillingTable6Table1-head {
|
||||
text-align: center;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.BillingTable6-table-th {
|
||||
padding: 1vh 1vh 1vh 1vh;
|
||||
border: 0.1px solid rgba(168, 168, 168, 0.5019607843);
|
||||
font-family: "Poppins", sans-serif;
|
||||
// border:none; // Mohan 1
|
||||
}
|
||||
|
||||
.BillingTable6-Table1-row {
|
||||
border: 2px solid #a5a4a4;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.BillingTable6-Table1-row-disabled {
|
||||
border: 2px solid #a5a4a4;
|
||||
pointer-events: none;
|
||||
background-color: rgb(243, 248, 213);
|
||||
}
|
||||
|
||||
.BillingTable6-table-td {
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
padding: 5px;
|
||||
border: 0.1px solid #a8a8a880;
|
||||
border-top: none;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-size: 14px;
|
||||
// border:none; // Mohan 2
|
||||
}
|
||||
|
||||
.BillingTable6Table1-body {
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.BillingTable6-Structure2 {
|
||||
height: 48vh !important;
|
||||
}
|
||||
|
||||
.Tbl6-Variant {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
@media (min-width: 280px) and (max-width: 499px) {
|
||||
.BillingTable6-table-th {
|
||||
padding: 4px;
|
||||
}
|
||||
.BillingTable6-Table1 {
|
||||
width: 100vw;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,479 +0,0 @@
|
|||
input::-webkit-outer-spin-button,
|
||||
input::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.BST6Payment-select {
|
||||
width: 100px;
|
||||
height: 49.82px;
|
||||
border-radius: 8.3px;
|
||||
background-color: #eef3f3;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
line-height: 25px;
|
||||
letter-spacing: 0em;
|
||||
text-align: center;
|
||||
border: none;
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
|
||||
.BST6Payment-Button-pay {
|
||||
width: 10rem;
|
||||
height: 49.82px;
|
||||
border-radius: 6px;
|
||||
background-color: var(--SELECTED_COLOR);
|
||||
font-weight: 600;
|
||||
letter-spacing: 0em;
|
||||
font-size: 19px;
|
||||
text-align: center;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
|
||||
.BST6Payment-Button-pay-disabled {
|
||||
width: 10rem;
|
||||
height: 49.82px;
|
||||
border-radius: 6px;
|
||||
background-color: var(--SELECTED_COLOR);
|
||||
font-weight: 600;
|
||||
letter-spacing: 0em;
|
||||
font-size: 19px;
|
||||
text-align: center;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
font-family: "Poppins", sans-serif;
|
||||
pointer-events: none;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.c-btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.BST6Payment-Button-CANCEL {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 8.3px;
|
||||
background-color: #c6303e;
|
||||
border: none;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
|
||||
.BST6Payment-Button-RECIEVED {
|
||||
width: 100px;
|
||||
height: 38.16px;
|
||||
border-radius: 8.3px;
|
||||
border: 0.83px solid #8e8e8e;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
font-family: "Poppins", sans-serif;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.BST6Payment-Button-RECIEVED1 {
|
||||
width: 100px;
|
||||
height: 38.16px;
|
||||
border-radius: 8.3px;
|
||||
border: 0.83px solid #ff4d4f;
|
||||
font-size: 12px;
|
||||
font-family: "Poppins", sans-serif;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.BST6Payment-Button-RECIEVED1:focus-visible {
|
||||
outline: 1px solid #ff4d4f;
|
||||
}
|
||||
|
||||
.BST6Payment-Button-BALANCE {
|
||||
width: 100px;
|
||||
height: 38.16px;
|
||||
border-radius: 8.3px;
|
||||
border: 0.83px solid #8e8e8e;
|
||||
font-size: 18px;
|
||||
font-family: "Poppins", sans-serif;
|
||||
text-align: center;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.BST6Payment-Structure {
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.5rem;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.BST6Payment-div1 {
|
||||
padding-top: 8px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 0.4rem;
|
||||
}
|
||||
|
||||
.BST6Payment-div2 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 2rem;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.BST6Payment-Paydiv {
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
.Payicon-Align {
|
||||
font-size: 18px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.pay-opt {
|
||||
width: 80px;
|
||||
height: 40px;
|
||||
font-size: 14px;
|
||||
text-transform: uppercase;
|
||||
border-radius: 6px;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.BST6Payment-Button-Hold {
|
||||
font-size: 25px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.pop-sum-btn {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.Table6-payment-mode {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
column-gap: 0.2rem;
|
||||
}
|
||||
|
||||
.splitpaymantBTNCombo {
|
||||
background-color: var(--DEFAULT_SELECTED_COLOR);
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
height: 40px;
|
||||
width: 100px;
|
||||
border-radius: 7.2px;
|
||||
color: #fff;
|
||||
padding: 3px;
|
||||
display: flex;
|
||||
gap: 0.2rem;
|
||||
align-items: center;
|
||||
font-family: "Poppins";
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
text-transform: capitalize;
|
||||
svg {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
@media (max-width: 992px) {
|
||||
font-size: 11px;
|
||||
height: 35px;
|
||||
width: 105px;
|
||||
svg {
|
||||
width: 17px;
|
||||
height: 17px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
font-size: 13px;
|
||||
height: 40px;
|
||||
width: 130px;
|
||||
}
|
||||
@media (max-width: 500px) {
|
||||
font-size: 12px;
|
||||
height: 40px;
|
||||
width: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
.Btn-payment-mode {
|
||||
background-color: var(--SELECTED_COLOR);
|
||||
font-size: 13px !important;
|
||||
font-weight: 500;
|
||||
border: none;
|
||||
height: 40px;
|
||||
outline: none;
|
||||
flex-grow: 1;
|
||||
flex: 1;
|
||||
width: max-content !important;
|
||||
border-radius: 7.2px;
|
||||
color: #fff;
|
||||
padding: 3px;
|
||||
display: flex;
|
||||
gap: 0.2rem;
|
||||
align-items: center;
|
||||
font-family: "Poppins";
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
text-transform: capitalize;
|
||||
@media (max-width: 992px) {
|
||||
font-size: 11px;
|
||||
height: 35px;
|
||||
width: 105px;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
font-size: 13px;
|
||||
height: 40px;
|
||||
width: 130px;
|
||||
}
|
||||
@media (max-width: 500px) {
|
||||
font-size: 12px;
|
||||
height: 40px;
|
||||
width: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
.Btn-payment-mode-sel {
|
||||
background-color: var(--DEFAULT_SELECTED_COLOR);
|
||||
font-size: 13px !important;
|
||||
font-weight: 500;
|
||||
outline: none;
|
||||
border: none;
|
||||
height: 40px;
|
||||
width: max-content !important;
|
||||
flex: 1;
|
||||
flex-grow: 1;
|
||||
border-radius: 7.2px;
|
||||
color: #fff;
|
||||
padding: 3px;
|
||||
display: flex;
|
||||
gap: 0.2rem;
|
||||
align-items: center;
|
||||
font-family: "Poppins";
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
text-transform: capitalize;
|
||||
border: none;
|
||||
@media (max-width: 992px) {
|
||||
font-size: 11px;
|
||||
height: 35px;
|
||||
width: 105px;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
font-size: 13px;
|
||||
height: 40px;
|
||||
width: 130px;
|
||||
}
|
||||
@media (max-width: 500px) {
|
||||
font-size: 12px;
|
||||
height: 40px;
|
||||
width: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
.upioptbtn {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
cursor: pointer;
|
||||
background-color: #bebebe;
|
||||
color: #000000;
|
||||
border: none;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.paymenticon {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.BST6Payment-flex {
|
||||
display: flex;
|
||||
gap: 0.5rem;
|
||||
flex-direction: row;
|
||||
color: var(--DEFAULT_SELECTED_COLOR);
|
||||
}
|
||||
|
||||
.BST6Payment-others {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
color: var(--DEFAULT_SELECTED_COLOR);
|
||||
}
|
||||
|
||||
.BST6Payment-buttons {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 1rem;
|
||||
}
|
||||
.table6-billtable {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width: 280px) {
|
||||
.table6-billtable {
|
||||
display: block !important;
|
||||
}
|
||||
.BST6Payment-select {
|
||||
width: 55px !important;
|
||||
}
|
||||
|
||||
.BST6Payment-div2 {
|
||||
flex-direction: column-reverse;
|
||||
gap: 0.5rem !important;
|
||||
}
|
||||
|
||||
.BST6Payment-buttons {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.BST6Payment-others {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 0.4rem;
|
||||
}
|
||||
|
||||
.BST6Payment-div1 {
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.pop-sum-btn {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.pay-opt {
|
||||
width: 40px !important;
|
||||
font-size: 11px !important;
|
||||
}
|
||||
|
||||
.BST6Payment-Button-pay {
|
||||
width: 125px !important;
|
||||
height: 40px;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.Table6-payment-mode {
|
||||
padding: 0rem 0.8rem;
|
||||
column-gap: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 499px) {
|
||||
.table6-billtable {
|
||||
display: block !important;
|
||||
}
|
||||
.BST6Payment-div1 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.BST6Payment-select {
|
||||
width: 70px !important;
|
||||
height: 20px;
|
||||
font-size: 9px;
|
||||
font-weight: 400;
|
||||
line-height: 15px;
|
||||
}
|
||||
|
||||
.BST6Payment-Structure {
|
||||
width: 100vw;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.pay-opt {
|
||||
width: 80px;
|
||||
font-size: 11px !important;
|
||||
}
|
||||
|
||||
.BST6Payment-Button-pay {
|
||||
width: 155px;
|
||||
height: 40px;
|
||||
font-size: 19px;
|
||||
}
|
||||
|
||||
.BST6Payment-Button-CANCEL {
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.BST6Payment-Button-CANCEL-txt {
|
||||
font-size: 0px;
|
||||
}
|
||||
|
||||
.BST6Payment-Button-RECIEVED {
|
||||
width: 56px;
|
||||
height: 30px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.BST6Payment-Button-BALANCE {
|
||||
width: 56px;
|
||||
height: 30px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.Payicon-Align {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.pop-sum-btn {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.Table6-payment-mode {
|
||||
column-gap: 0.5rem !important;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.pop-sum-btn {
|
||||
display: flex;
|
||||
}
|
||||
.table6-billtable {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.BST6Payment-Structure {
|
||||
width: 100vw;
|
||||
row-gap: 0.5rem;
|
||||
position: fixed;
|
||||
bottom: 10px;
|
||||
}
|
||||
|
||||
.Table6-payment-mode {
|
||||
column-gap: 0.5rem !important;
|
||||
}
|
||||
|
||||
.BigScreenSummary {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.Order {
|
||||
background-color: var(--SELECTED_COLOR);
|
||||
}
|
||||
|
||||
.ChairClrRed {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.ChairClrGreen {
|
||||
color: var(--SELECTED_COLOR);
|
||||
}
|
||||
|
|
@ -1,571 +0,0 @@
|
|||
.BSBilling7div {
|
||||
width: 100%;
|
||||
flex-shrink: 0;
|
||||
background-color: white;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.BSBilling7-tablediv {
|
||||
display: block;
|
||||
height: 53vh;
|
||||
overflow-y: scroll;
|
||||
max-height: 59vh;
|
||||
}
|
||||
.BSTable3_overall-6 {
|
||||
height: 71vh;
|
||||
}
|
||||
|
||||
.BSBill-Table7 {
|
||||
width: 100%;
|
||||
border-spacing: 0;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.Table7-tbody {
|
||||
width: 100%;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.BSBill-Table7-throw {
|
||||
background-color: white;
|
||||
color: black;
|
||||
border-spacing: 1vh;
|
||||
height: 3rem;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.summery-div {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
.BSBill-Table7 th {
|
||||
position: sticky;
|
||||
border-spacing: 0;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.BSBill-Table7-content {
|
||||
background-color: rgba(235, 235, 236, 1);
|
||||
height: 3rem;
|
||||
font-size: 13px;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.BSBill-Table7-content-disabled {
|
||||
background-color: rgba(235, 235, 236, 1);
|
||||
height: 3rem;
|
||||
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.Table7-items {
|
||||
text-align: left;
|
||||
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.Table7-item-price {
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.BSBilling7-down-content {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.BSBilling7-view-summary {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.BSBilling7-price-full {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.BSBilling7-customer {
|
||||
display: flex;
|
||||
width: 50%;
|
||||
flex-wrap: wrap;
|
||||
background-color: white;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.BSBilling7-customer-subdiv {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
height: fit-content;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
.Table7-price {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 45%;
|
||||
justify-content: flex-end;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.Table7-price-fullflex {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.BSBill7-Btn-select-customer {
|
||||
width: 13rem;
|
||||
height: 3rem;
|
||||
border-radius: 4.982px;
|
||||
background: rgba(51, 55, 58, 0.1);
|
||||
border: none;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.Add-new-customer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 1vh;
|
||||
}
|
||||
|
||||
.Table7-payment-mode {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
.Table7-cash {
|
||||
display: flex;
|
||||
width: 60px;
|
||||
margin: 10px 10px;
|
||||
}
|
||||
|
||||
.Table7-customer .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
|
||||
width: 10rem;
|
||||
height: 3rem;
|
||||
text-align: center;
|
||||
border-radius: 4.982px;
|
||||
background-color: rgba(51, 55, 58, 0.1);
|
||||
border: none;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.Table7-customer .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
|
||||
color: #000;
|
||||
padding-inline-end: 0px !important;
|
||||
}
|
||||
|
||||
.Table7-customer {
|
||||
.ant-select-selection-placeholder {
|
||||
padding-inline-end: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.Table7-Btn-payment-mode {
|
||||
height: 3rem;
|
||||
width: 10rem;
|
||||
border-radius: 6.216px;
|
||||
border: 0px;
|
||||
background: #e0e0e0;
|
||||
color: black;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
padding: 10px 10px;
|
||||
margin: 10px 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.Table7-paymentmode-active {
|
||||
height: 3rem;
|
||||
width: 10rem;
|
||||
border-radius: 6.216px;
|
||||
border: 0px;
|
||||
background: #33373a;
|
||||
color: #e0e0e0;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
padding: 10px 10px;
|
||||
margin: 10px 10px;
|
||||
}
|
||||
|
||||
.Table7-vertical-line {
|
||||
border: 0.83px solid rgb(175, 173, 173);
|
||||
}
|
||||
|
||||
.Table7-total-price {
|
||||
width: 90%;
|
||||
margin: 1vw;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
@media (max-width: 700px) {
|
||||
.BSBill-Table7 th {
|
||||
padding: 2px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 500px) {
|
||||
.BSBilling7-tablediv {
|
||||
height: 85% !important;
|
||||
}
|
||||
|
||||
.Table7-td-names {
|
||||
text-align: right;
|
||||
font-size: 8px !important;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.Table7-td-values {
|
||||
font-size: 9px !important;
|
||||
}
|
||||
|
||||
.Table7-rate {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
.Table7-price {
|
||||
display: revert;
|
||||
}
|
||||
|
||||
.Table4-hand-icon {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.Table7-total-price {
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
.Table7-rate-arrow {
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
border-radius: 20px !important;
|
||||
}
|
||||
|
||||
.BSBill-Table7 th {
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.BSBill-Table7-content {
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.Table7-items {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.Table7-item-price {
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
.Table7-totalprice-row {
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.Table7-td-names {
|
||||
text-align: right;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.Table7-td-values {
|
||||
text-align: right;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.Table7-Price-div {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.Table7-Btn-final-price {
|
||||
width: 15rem;
|
||||
height: 4rem;
|
||||
border-radius: 4.982px;
|
||||
background: #6df38b;
|
||||
text-align: center;
|
||||
border: 0;
|
||||
margin: 1vw;
|
||||
}
|
||||
|
||||
.Table7-rate {
|
||||
display: flex;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-size: 32.203px;
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.BSBilling7-summary {
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.Table7-pencil {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
}
|
||||
|
||||
.icon-button {
|
||||
height: 30px;
|
||||
border-radius: 30px;
|
||||
padding: 0px;
|
||||
margin: 6px 6px;
|
||||
}
|
||||
|
||||
.BSBilling-customer-subdiv {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
height: fit-content;
|
||||
}
|
||||
|
||||
.Table7-fullrate {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
column-gap: 1rem;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.Table7-rate-arrow {
|
||||
display: flex;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
border-radius: 30px;
|
||||
background-color: #6df38b;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.Table7-arrow {
|
||||
font-size: 40px;
|
||||
text-align: center;
|
||||
margin: 4px 4px;
|
||||
}
|
||||
|
||||
.Table7-finalprice {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
//icon bar design
|
||||
.BSBilling7-Iconbar {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
height: 60px;
|
||||
width: 100%;
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
.BSBilling7-icon-flex {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.BSBilling7-icon {
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.BSBilling7-vertical-line {
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
background-color: #000;
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
hr.Table7-Dotted-Line1 {
|
||||
border-top: 1px dashed black;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
border-left: 0px;
|
||||
}
|
||||
|
||||
.Table7-horizondal-line {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
}
|
||||
|
||||
.Table7-hand-icon {
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
.BSBilling7TableCont {
|
||||
height: 100vh;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
@media (max-width: 700px) {
|
||||
.BSBilling7-down-content {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
height: fit-content;
|
||||
}
|
||||
}
|
||||
|
||||
.edit-btn-table {
|
||||
width: max-content;
|
||||
padding: 0.2rem 0.5rem;
|
||||
font-weight: 600;
|
||||
background-color: var(--SELECTED_COLOR);
|
||||
border-radius: 3px;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
color: #f3f3f3 !important;
|
||||
border: solid 1px var(--SELECTED_COLOR);
|
||||
}
|
||||
|
||||
.edit-btn-table:hover:focus:active {
|
||||
background-color: none !important;
|
||||
color: #000000 !important;
|
||||
}
|
||||
|
||||
.edit-btn-table:focus {
|
||||
background-color: #fff;
|
||||
color: var(--SELECTED_COLOR) !important;
|
||||
border: solid 1px var(--SELECTED_COLOR);
|
||||
}
|
||||
|
||||
.del-btn-table {
|
||||
width: max-content;
|
||||
padding: 0.2rem 0.5rem;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
background-color: var(--ERROR_COLOR);
|
||||
border-radius: 3px;
|
||||
text-align: center;
|
||||
border: solid 1px var(--ERROR_COLOR);
|
||||
cursor: pointer;
|
||||
color: #f3f3f3 !important;
|
||||
}
|
||||
|
||||
.del-btn-table:hover {
|
||||
background-color: var(--ERROR_COLOR);
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.del-btn-table:focus {
|
||||
background-color: #fff;
|
||||
border: solid 1px var(--ERROR_COLOR) !important;
|
||||
color: var(--ERROR_COLOR) !important;
|
||||
}
|
||||
|
||||
.radio-button-group {
|
||||
display: flex;
|
||||
gap: 0.3rem;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.radio-button-group .radio-button {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.radio-button-group .radio-button + label {
|
||||
padding: 4px 10px;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
margin-right: -2px;
|
||||
color: #ffffff;
|
||||
background-color: var(--DEFAULT_SELECTED_COLOR);
|
||||
font-family: "gilroy";
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.radio-button-group .item:first-of-type .radio-button + label {
|
||||
border-top-left-radius: 5px;
|
||||
border-bottom-left-radius: 5px;
|
||||
}
|
||||
|
||||
.radio-button-group .item:last-of-type .radio-button + label {
|
||||
border-top-right-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
}
|
||||
|
||||
.radio-button-group .radio-button:checked + label {
|
||||
background-color: var(--SELECTED_COLOR);
|
||||
color: #fff;
|
||||
}
|
||||
.Btn-payment-mode-sel {
|
||||
background-color: var(--DEFAULT_SELECTED_COLOR);
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
border: none;
|
||||
height: 40px;
|
||||
width: 75px;
|
||||
border-radius: 7.2px;
|
||||
color: #fff;
|
||||
padding: 3px;
|
||||
display: flex;
|
||||
gap: 0.2rem;
|
||||
align-items: center;
|
||||
font-family: "Poppins";
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
text-transform: capitalize;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.Btn-payment-mode {
|
||||
background-color: var(--SELECTED_COLOR);
|
||||
font-size: 14px;
|
||||
border: none;
|
||||
font-weight: 500;
|
||||
height: 40px;
|
||||
outline: none;
|
||||
width: 75px;
|
||||
border-radius: 7.2px;
|
||||
color: #fff;
|
||||
padding: 3px;
|
||||
display: flex;
|
||||
gap: 0.2rem;
|
||||
align-items: center;
|
||||
font-family: "Poppins";
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
text-transform: capitalize;
|
||||
outline: none;
|
||||
}
|
||||
|
|
@ -23,7 +23,6 @@
|
|||
width: 100%;
|
||||
border-spacing: 0 0px;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
.BSBill-Table3-throw {
|
||||
|
|
@ -770,7 +769,6 @@
|
|||
font-size: 10px;
|
||||
}
|
||||
|
||||
|
||||
.BSBill-Table3 {
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
|
@ -1102,6 +1100,9 @@
|
|||
width: 100%;
|
||||
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
|
||||
}
|
||||
.BSBillingTable1-summeryTable {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.BillTable-carticon {
|
||||
|
|
@ -1191,6 +1192,7 @@
|
|||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 10px;
|
||||
gap: 2px;
|
||||
.BodyBillTable-Qty {
|
||||
padding: 2px !important;
|
||||
width: 20px !important;
|
||||
|
|
@ -1368,3 +1370,63 @@
|
|||
font-family: "Poppins" !important;
|
||||
}
|
||||
}
|
||||
.BSBillingTable5-table-count-min-btn {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
background-color: rgb(207, 207, 207);
|
||||
border-radius: 25px;
|
||||
color: #000000;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.BSBillingTable5-table-count-max-btn {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
background-color: #ff4d4f;
|
||||
border-radius: 25px;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.radio-button-group .radio-button + label {
|
||||
padding: 4px 10px;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
margin-right: -2px;
|
||||
color: #ffffff;
|
||||
background-color: var(--DEFAULT_SELECTED_COLOR);
|
||||
font-family: "gilroy";
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.radio-button-group .item:first-of-type .radio-button + label {
|
||||
border-top-left-radius: 5px;
|
||||
border-bottom-left-radius: 5px;
|
||||
}
|
||||
|
||||
.radio-button-group .item:last-of-type .radio-button + label {
|
||||
border-top-right-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
}
|
||||
|
||||
.radio-button-group .radio-button:checked + label {
|
||||
background-color: var(--SELECTED_COLOR);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.radio-button-group .radio-button {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
opacity: 0;
|
||||
}
|
||||
.radio-button-group {
|
||||
display: flex;
|
||||
gap: 0.3rem;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,463 +0,0 @@
|
|||
.BSBillingNavBar2 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 45px;
|
||||
padding: 0rem 1rem;
|
||||
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
||||
background-color: #ffffff;
|
||||
.RiVerifiedBadgeFill {
|
||||
color: #1292ee !important;
|
||||
}
|
||||
.FaparkingIcon {
|
||||
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 {
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
|
||||
.bs-membership__icon-btn {
|
||||
svg {
|
||||
color: #fbbf24;
|
||||
}
|
||||
}
|
||||
@media (max-width: 500px) {
|
||||
.BSBillingNavBar2-SearchBar {
|
||||
width: 60% !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.BSBillingNavBar2-SearchBar {
|
||||
display: flex;
|
||||
height: 32px;
|
||||
border-radius: 50px;
|
||||
position: relative;
|
||||
.BarCodeScanMaster {
|
||||
position: absolute;
|
||||
padding: 0 !important;
|
||||
right: 10px;
|
||||
top: 9px;
|
||||
svg {
|
||||
font-size: 18px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-input {
|
||||
padding: 10px 35px 10px 40px;
|
||||
}
|
||||
.search-icon {
|
||||
top: 50%;
|
||||
}
|
||||
.search-input {
|
||||
bottom: 3px;
|
||||
}
|
||||
.MultiSearchIconDiv2 {
|
||||
color: #1292ee !important;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
width: 20px !important;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
top: 5px;
|
||||
|
||||
svg {
|
||||
font-size: 22px;
|
||||
width: 32px !important;
|
||||
height: 32px;
|
||||
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.favItem-SearchBar {
|
||||
display: flex;
|
||||
height: 32px;
|
||||
border: 1px solid var(--DEFAULT_SELECTED_COLOR);
|
||||
border-radius: 50px;
|
||||
width: 100%;
|
||||
background-image: url(https://cdn3.iconfinder.com/data/icons/feather-5/24/search-64.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 18px 18px;
|
||||
background-position: 95% center;
|
||||
padding: 0 1rem;
|
||||
}
|
||||
|
||||
.BSNavBar2-searchbar-searchicon {
|
||||
display: flex;
|
||||
padding: 8px 16px;
|
||||
color: var(--DEFAULT_SELECTED_COLOR);
|
||||
}
|
||||
.BSBillingNav2-toggle-icon {
|
||||
padding-left: 5px;
|
||||
font-size: 25px;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
}
|
||||
|
||||
.BSBillingNavBar2-AllIcons {
|
||||
display: flex;
|
||||
color: var(--DEFAULT_SELECTED_COLOR);
|
||||
}
|
||||
|
||||
.BSBillingnav2-threedots {
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.AddFavList {
|
||||
padding: 1.5rem 2rem;
|
||||
position: absolute;
|
||||
width: 33vw;
|
||||
top: 0;
|
||||
height: 100vh;
|
||||
background-color: white;
|
||||
right: 2px;
|
||||
transition-duration: 0.6s;
|
||||
z-index: 50;
|
||||
box-shadow: var(--BOX_SHADOW_LEVEL2);
|
||||
color: black;
|
||||
display: inline-flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 10px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.AddFavItemListCont {
|
||||
height: 60vh;
|
||||
overflow: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.favsbmtbtn {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: flex-end;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.AddFavItemList {
|
||||
margin: 0.5rem 0rem;
|
||||
padding: 0.5rem 2rem;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
background-color: #fcfcfc;
|
||||
justify-content: space-between;
|
||||
border-radius: 6px;
|
||||
align-items: center;
|
||||
transition-duration: 0.6s;
|
||||
|
||||
.anticon {
|
||||
color: red !important;
|
||||
}
|
||||
}
|
||||
|
||||
.AddFavItemList:hover {
|
||||
width: 100%;
|
||||
height: 45px;
|
||||
background-color: #ebebeb;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
transition-duration: 0.1s;
|
||||
}
|
||||
|
||||
.AddFavList-subContainer {
|
||||
display: flex;
|
||||
column-gap: 2rem;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.fav-close {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fav-Downarrow {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.salesUserProfile {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
flex-direction: column;
|
||||
padding: 10px 1rem;
|
||||
font-family: "Poppins";
|
||||
|
||||
> div {
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.BSNavBar1-Acc-menu-list {
|
||||
padding: 6px 10px;
|
||||
background-color: #ee0000;
|
||||
color: #fff;
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
border-radius: 1000px;
|
||||
border: 1px solid #a1a1a1;
|
||||
background-position: center;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
.AddFavList-subContainer {
|
||||
display: flex;
|
||||
column-gap: 2rem;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.AddFavList {
|
||||
width: 55vw !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 499px) {
|
||||
.favItem-SearchBar {
|
||||
width: 7.6rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.AddFavList {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 17rem;
|
||||
width: 100vw !important;
|
||||
padding: 1rem 1rem !important;
|
||||
}
|
||||
|
||||
.smallScreenclose {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.AddFavItemListCont {
|
||||
height: 40vh;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.favItem-SearchBar {
|
||||
width: 97%;
|
||||
height: 2.8rem;
|
||||
}
|
||||
|
||||
.fav-close {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
font-size: 23px;
|
||||
}
|
||||
|
||||
.fav-Downarrow {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.AddFavList .primary_Button {
|
||||
width: 12rem !important;
|
||||
}
|
||||
|
||||
.favsbmtbtn {
|
||||
bottom: 40px;
|
||||
}
|
||||
|
||||
.AddFavList .primary_Button {
|
||||
width: 10rem;
|
||||
}
|
||||
|
||||
.favIcon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.AddFavItemList {
|
||||
padding: 0.5rem !important;
|
||||
}
|
||||
|
||||
.BSBillingnav2-threedots {
|
||||
display: flex;
|
||||
color: var(--DEFAULT_SELECTED_COLOR);
|
||||
}
|
||||
|
||||
.BSBillingNavBar2-AllIcons {
|
||||
display: none;
|
||||
column-gap: 1.5rem;
|
||||
}
|
||||
|
||||
.BSBillingnav2-Smallscreen {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 40px;
|
||||
display: flex !important;
|
||||
border-right: 1px solid rgb(204, 198, 198);
|
||||
background-color: rgb(255, 255, 255);
|
||||
z-index: 3 !important;
|
||||
justify-content: center;
|
||||
padding: 10px;
|
||||
box-shadow:
|
||||
rgba(0, 0, 0, 0.16) 0px 10px 36px 0px,
|
||||
rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
|
||||
height: 100vh;
|
||||
width: 90px;
|
||||
}
|
||||
|
||||
.BSBillingNavBar2-AllIcons-column {
|
||||
row-gap: 0.8rem !important;
|
||||
}
|
||||
|
||||
.BSBillingNav2div2 .EstimateButton {
|
||||
flex-direction: column !important;
|
||||
height: max-content !important;
|
||||
padding: 5px 2px !important;
|
||||
}
|
||||
.Nav2BSNavBarWholeSale {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.BSBillingNav2div2 .EstimateButton {
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #52c41a;
|
||||
background-color: #1292ee;
|
||||
height: 30px;
|
||||
width: max-content;
|
||||
justify-content: space-around;
|
||||
border-radius: 6px;
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
.BSBillingnav2-Smallscreen {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.BSBillingNavBar2-AllIcons-column {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 1.2rem;
|
||||
color: var(--DEFAULT_SELECTED_COLOR);
|
||||
height: 100vh !important;
|
||||
overflow: auto;
|
||||
scrollbar-width: thin;
|
||||
padding-bottom: 20rem;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.BSNavBar2-acc {
|
||||
color: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
justify-content: flex-end;
|
||||
flex-direction: row;
|
||||
font-size: 20px;
|
||||
column-gap: 1.5rem;
|
||||
}
|
||||
|
||||
.BSNavBar2-Accmenu {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
right: 0;
|
||||
width: 160px;
|
||||
height: 80px;
|
||||
color: black;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
background-color: #f3f3f3;
|
||||
}
|
||||
|
||||
.BSNavBar2-Acc-menu {
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
row-gap: 0.5rem;
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.BSNavBar2-Acc-menu-list {
|
||||
color: black;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.BSNavBar2-Acc-menu-list:hover {
|
||||
color: var(--SELECTED_COLOR);
|
||||
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.BSBillingNavBar2-hand {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.BSBillingNavBar2-hand .ant-badge {
|
||||
position: absolute;
|
||||
left: 11px;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.BsNavbar1FullScreen {
|
||||
background-color: #1292ee;
|
||||
height: 28px;
|
||||
width: 28px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 18px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.BsNavbar1FullScreenExit {
|
||||
background-color: #ef4444;
|
||||
height: 28px;
|
||||
width: 28px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 4px;
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
|
@ -1,740 +0,0 @@
|
|||
.BSNavbar3Main {
|
||||
width: 100vw;
|
||||
background: linear-gradient(to bottom right, #1e2536, #2a3447);
|
||||
padding: 0.4rem 12px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 1rem;
|
||||
|
||||
.searchDiv .ant-input {
|
||||
height: 32px !important;
|
||||
}
|
||||
|
||||
.css-1ao51vv-control {
|
||||
background-color: #414d5c !important;
|
||||
border: 1px solid #7b838f !important;
|
||||
|
||||
.css-1uc962m-placeholder {
|
||||
color: #b1b1b1 !important;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.homeTime {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
color: #fff;
|
||||
font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
|
||||
white-space: nowrap;
|
||||
|
||||
.CiShopIcon {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.standard-extra-charges {
|
||||
svg {
|
||||
color: #ffffff !important;
|
||||
transition: all 0.2s;
|
||||
&:hover {
|
||||
color: #1292ee !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.homeIcon {
|
||||
display: flex;
|
||||
font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
|
||||
justify-content: center;
|
||||
gap: 0.5rem;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
align-items: flex-end;
|
||||
cursor: pointer;
|
||||
|
||||
svg {
|
||||
display: flex;
|
||||
transition: all 0.2s ease-in-out;
|
||||
&:hover {
|
||||
color: #1292ee !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1000px) {
|
||||
> div {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.timedate {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 0.2rem;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
-webkit-text-stroke-width: 0.2px;
|
||||
border-radius: 50px;
|
||||
font-family: "Poppins", sans-serif !important;
|
||||
}
|
||||
|
||||
.BsnavbarSearchMain {
|
||||
width: 25vw;
|
||||
position: relative;
|
||||
.MultiSearchIconDiv3 {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 5px;
|
||||
z-index: 100;
|
||||
}
|
||||
.BarCodeScanMaster {
|
||||
position: absolute;
|
||||
right: -25PX;
|
||||
padding: 0 !important;
|
||||
top: 30%;
|
||||
svg {
|
||||
font-size: 20px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.searchDiv .ant-input {
|
||||
color: #fff !important;
|
||||
|
||||
&::placeholder {
|
||||
color: #b1b1b1b4;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
&:focus-within {
|
||||
border: 1px solid #ffffff52;
|
||||
border-radius: 0.75rem !important;
|
||||
}
|
||||
|
||||
.ant-input-affix-wrapper {
|
||||
border-radius: 0.5rem !important;
|
||||
border: 1px solid #7b838f63;
|
||||
background-color: #414d5cc2 !important;
|
||||
height: 40px !important;
|
||||
width: 100% !important;
|
||||
|
||||
.ant-input {
|
||||
margin-top: 0 !important;
|
||||
padding-top: 3px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.CustomerActions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.3rem;
|
||||
|
||||
.RiVerifiedBadgeFill {
|
||||
transition: all 0.2s ease-in-out;
|
||||
height: 37px;
|
||||
width: 37px;
|
||||
padding: 6px 4px;
|
||||
border-radius: 0.5rem;
|
||||
|
||||
&:hover {
|
||||
color: #1292ee !important;
|
||||
}
|
||||
}
|
||||
.BSBillingNavBar1-AllIcons {
|
||||
color: #ffffff !important;
|
||||
&:hover {
|
||||
color: #1292ee !important;
|
||||
}
|
||||
}
|
||||
.bs-membership__icon-btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
svg {
|
||||
transition: all 0.2s ease-in-out;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
&:hover {
|
||||
svg {
|
||||
color: #1292ee !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.FaTruckIcon {
|
||||
padding: 10px 10px;
|
||||
border-radius: 0.5rem;
|
||||
color: #6b7280;
|
||||
cursor: pointer;
|
||||
// background-color: #2563eb;
|
||||
height: 41px;
|
||||
width: 41px;
|
||||
|
||||
&:hover {
|
||||
background-color: #eff6ff;
|
||||
color: #2563eb;
|
||||
}
|
||||
}
|
||||
|
||||
.FaTruckIconFavItem {
|
||||
padding: 10px 10px;
|
||||
border-radius: 0.5rem;
|
||||
color: #ffffff !important;
|
||||
cursor: pointer;
|
||||
// background-color: #2563eb;
|
||||
height: 41px;
|
||||
width: 41px;
|
||||
|
||||
&:hover {
|
||||
color: #1292ee !important;
|
||||
}
|
||||
|
||||
.BSBillingNav-icon {
|
||||
color: #ffffff !important;
|
||||
}
|
||||
}
|
||||
|
||||
.FaTruckIconDragItems {
|
||||
padding: 6px 9px;
|
||||
border-radius: 0.5rem;
|
||||
color: #6b7280 !important;
|
||||
cursor: pointer;
|
||||
// background-color: #2563eb;
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
transition: all 0.2s ease-in-out;
|
||||
svg {
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: #1292ee;
|
||||
svg {
|
||||
color: #1292ee !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.FaTruckIconHold {
|
||||
padding: 10px 7px;
|
||||
border-radius: 0.5rem;
|
||||
color: #ffffff;
|
||||
cursor: pointer;
|
||||
width: 40px !important;
|
||||
height: 40px !important;
|
||||
// background-color: #2563eb;
|
||||
transition: all 0.2s ease-in-out;
|
||||
|
||||
&:hover {
|
||||
color: #1292ee;
|
||||
}
|
||||
}
|
||||
|
||||
.FaTruckIconreprint {
|
||||
// padding: 2px 7px;
|
||||
// border-radius: 0.5rem;
|
||||
// color: #6b7280;
|
||||
// cursor: pointer;
|
||||
padding: 12px 9px;
|
||||
border-radius: 0.5rem;
|
||||
color: #ffffff;
|
||||
cursor: pointer;
|
||||
// background-color: #2563eb;
|
||||
height: 41px;
|
||||
width: 41px;
|
||||
transition: all 0.2s ease-in-out;
|
||||
|
||||
.BSBillingNav-icon {
|
||||
height: 22px !important;
|
||||
width: 25px !important;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: #1292ee;
|
||||
}
|
||||
}
|
||||
|
||||
// .FaPlusIcon {
|
||||
// padding: 11px 10px;
|
||||
// border-radius: 0.5rem;
|
||||
// color: #eff6ff;
|
||||
// font-size: 3.3rem;
|
||||
// cursor: pointer;
|
||||
// height: 40px;
|
||||
// width: 38px;
|
||||
// background-color: #2563eb;
|
||||
|
||||
// &:hover {
|
||||
// background-color: #134ac0;
|
||||
// color: #eff6ff;
|
||||
// }
|
||||
// }
|
||||
|
||||
.userDates {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
|
||||
.BSNavBar1-Accmenu {
|
||||
right: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.datesNew {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 0.2rem;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
-webkit-text-stroke-width: 0.2px;
|
||||
border-radius: 50px;
|
||||
font-family: "Poppins", sans-serif !important;
|
||||
}
|
||||
|
||||
.BsNavbarUser {
|
||||
color: #ffffff;
|
||||
font-size: 1.3rem;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
transition: all 0.2s ease-in-out;
|
||||
&:hover {
|
||||
color: #1292ee;
|
||||
}
|
||||
}
|
||||
|
||||
.DropDownsCustomer {
|
||||
display: flex;
|
||||
gap: 2px;
|
||||
position: relative;
|
||||
align-items: center;
|
||||
|
||||
.BSBillingNav-icon {
|
||||
color: #ffffff !important;
|
||||
transition: all 0.2s ease-in-out;
|
||||
width: 30px !important;
|
||||
&:hover {
|
||||
color: #1292ee !important;
|
||||
}
|
||||
}
|
||||
|
||||
.ant-select {
|
||||
width: 8.5rem !important;
|
||||
}
|
||||
|
||||
.float-label {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.ant-select-selector {
|
||||
height: 42px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.DropDownsCustomerClose {
|
||||
color: #c2c2c2;
|
||||
position: absolute;
|
||||
right: 60px;
|
||||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
color: #727272;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
right: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.DropDownsCustomer.always-visible {
|
||||
.ant-select {
|
||||
width: 7rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Mobile toggle button
|
||||
.mobile-toggle-btn {
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
padding: 8px;
|
||||
border-radius: 4px;
|
||||
transition: background-color 0.2s ease;
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Mobile Menu Styles
|
||||
.mobile-menu {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: -100%;
|
||||
width: 200px;
|
||||
height: 100vh;
|
||||
background-color: #2a3447;
|
||||
z-index: 1000;
|
||||
transition: right 0.3s ease;
|
||||
box-shadow: -2px 0 10px rgba(0, 0, 0, 0.3);
|
||||
|
||||
&.open {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.mobile-menu-content {
|
||||
padding: 1rem 1rem;
|
||||
height: 100%;
|
||||
overflow-y: auto;
|
||||
|
||||
@media (max-width: 500px) {
|
||||
.ant-tooltip-content {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mobile-customer-actions {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1px;
|
||||
.EstimateButton > span svg {
|
||||
color: rgb(82, 196, 26) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.mobile-action-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
gap: 1rem;
|
||||
color: #fff;
|
||||
transition: background-color 0.2s ease;
|
||||
padding: 0.4rem 0.4rem;
|
||||
height: 50px;
|
||||
border-radius: 8px;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background-color: #4a5568;
|
||||
padding: 0.4rem 0.4rem;
|
||||
}
|
||||
|
||||
div {
|
||||
font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
|
||||
font-weight: 400;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
svg {
|
||||
color: #ffffff !important;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.ant-select {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
|
||||
.BothSalesBadge {
|
||||
background-color: #2563eb !important;
|
||||
font-weight: 400 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.userAccMenu {
|
||||
position: absolute;
|
||||
top: 1rem;
|
||||
right: 1rem;
|
||||
background-color: #fff;
|
||||
padding: 1rem;
|
||||
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;
|
||||
}
|
||||
|
||||
.profileImage {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
font-size: 1.2rem;
|
||||
font-weight: 500;
|
||||
position: relative;
|
||||
|
||||
img {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 100px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
.userAccMenuList {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
border-top: 1px solid #ccc;
|
||||
padding-top: 1rem;
|
||||
margin-top: 1rem;
|
||||
|
||||
div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
color: #4b5563da;
|
||||
}
|
||||
}
|
||||
|
||||
.UserAccMenusignOutButton {
|
||||
width: 100%;
|
||||
padding: 10px 12px;
|
||||
font-size: 16px;
|
||||
font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
|
||||
font-weight: 500;
|
||||
-webkit-text-stroke-width: 0.1px;
|
||||
border: none;
|
||||
border-radius: 6px;
|
||||
outline: none;
|
||||
margin-top: 6px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
color: #fff;
|
||||
background-color: #e53935;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.closeUserAccMenu {
|
||||
position: absolute;
|
||||
top: -12px;
|
||||
right: -7px;
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
color: #6b7280;
|
||||
transition: all 0.2s ease;
|
||||
|
||||
&:hover {
|
||||
color: #ef4444;
|
||||
transform: scale(1.1);
|
||||
}
|
||||
}
|
||||
|
||||
.EstimateButton {
|
||||
> span {
|
||||
svg {
|
||||
color: rgb(82, 196, 26);
|
||||
height: 22px;
|
||||
width: 22px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.voiceToTextIcon {
|
||||
position: fixed;
|
||||
// width: max-content;
|
||||
top: 7px;
|
||||
left: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.3rem;
|
||||
background-color: #414d5c;
|
||||
color: #f5d945;
|
||||
padding: 0.2rem 0.9rem;
|
||||
border-radius: 0.75rem;
|
||||
font-size: 0.7rem;
|
||||
font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
|
||||
button {
|
||||
background: none;
|
||||
border: none;
|
||||
color: #f5d945;
|
||||
|
||||
svg {
|
||||
font-size: 1.1rem;
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rainbowBorder {
|
||||
0% {
|
||||
background-position: 0% 50%;
|
||||
}
|
||||
|
||||
50% {
|
||||
background-position: 100% 50%;
|
||||
}
|
||||
|
||||
100% {
|
||||
background-position: 0% 50%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 500px) {
|
||||
top: 2px;
|
||||
left: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-fav-icon .AddFavList {
|
||||
padding: 2rem 2rem;
|
||||
position: absolute;
|
||||
width: 33vw;
|
||||
height: 90vh;
|
||||
background-color: white;
|
||||
right: 2px;
|
||||
transition-duration: 0.6s;
|
||||
z-index: 23;
|
||||
box-shadow: var(--BOX_SHADOW_LEVEL2);
|
||||
color: black;
|
||||
display: inline-flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 1rem;
|
||||
border-radius: 6px;
|
||||
top: 87px;
|
||||
}
|
||||
|
||||
.datesNewtimedate {
|
||||
background-color: #f3f4f6;
|
||||
color: #4b5563da;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 0;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 500;
|
||||
padding: 0.1rem 0.1rem;
|
||||
border-radius: 7px;
|
||||
white-space: nowrap;
|
||||
font-family: "Poppins", sans-serif;
|
||||
width: 110px;
|
||||
line-height: 1.3;
|
||||
|
||||
@media (max-width: 1000px) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
// Responsive Design
|
||||
@media (max-width: 768px) {
|
||||
.BSNavbar3Main {
|
||||
padding: 0.8rem;
|
||||
gap: 0.5rem;
|
||||
|
||||
.homeTime {
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.BsnavbarSearchMain {
|
||||
width: 30vw;
|
||||
min-width: 120px;
|
||||
}
|
||||
|
||||
.DropDownsCustomer.always-visible {
|
||||
.ant-select {
|
||||
width: 6rem !important;
|
||||
}
|
||||
|
||||
> span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.CustomerActions.desktop-only {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.userDates {
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.mobile-toggle-btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
.ant-tooltip {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 500px) {
|
||||
.BSNavbar3Main {
|
||||
padding: 0.3rem 0.8rem;
|
||||
gap: 0.3rem;
|
||||
|
||||
.BsnavbarSearchMain {
|
||||
width: 32vw;
|
||||
min-width: 120px;
|
||||
|
||||
// .searchDiv {
|
||||
// width: unset !important;
|
||||
// }
|
||||
}
|
||||
|
||||
.homeIcon {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.css-1ao51vv-control {
|
||||
width: 100px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.BsNavbar3FullScreen {
|
||||
background-color: #f4f4f4;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.BsNavbar3FullScreenExit {
|
||||
background-color: #ef4444;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 4px;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.MultiSearchIconDiv3 {
|
||||
// background-color: #ffffff;
|
||||
color: #aaaaaa !important;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
width: 30px !important;
|
||||
height: 30px;
|
||||
padding: 4px;
|
||||
|
||||
svg {
|
||||
font-size: 22px;
|
||||
width: 32px !important;
|
||||
height: 32px;
|
||||
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue