After Suspense
This commit is contained in:
Your Name
parent
dbf4657499
commit
f41a0a376d
20
src/App.jsx
20
src/App.jsx
|
|
@ -52,17 +52,17 @@ const AppRoutes = () => {
|
|||
};
|
||||
}, []);
|
||||
|
||||
useEffect(() => {
|
||||
if (isMobile || isIOS) return;
|
||||
const timer = setInterval(() => {
|
||||
if (devtools.isOpen) {
|
||||
document.body.innerHTML =
|
||||
"<h1 style='color:red;text-align:center'>Close Inspect to continue</h1>";
|
||||
}
|
||||
}, 1000);
|
||||
// useEffect(() => {
|
||||
// if (isMobile || isIOS) return;
|
||||
// const timer = setInterval(() => {
|
||||
// if (devtools.isOpen) {
|
||||
// document.body.innerHTML =
|
||||
// "<h1 style='color:red;text-align:center'>Close Inspect to continue</h1>";
|
||||
// }
|
||||
// }, 1000);
|
||||
|
||||
return () => clearInterval(timer);
|
||||
}, []);
|
||||
// return () => clearInterval(timer);
|
||||
// }, []);
|
||||
|
||||
|
||||
if (extendModel) {
|
||||
|
|
|
|||
|
|
@ -1,12 +1,11 @@
|
|||
// PozoMenu Component Styles - Integrated with SideMenuPozo
|
||||
.pozo-menu {
|
||||
font-family: "Poppins", sans-serif !important;
|
||||
background: transparent;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
// overflow: hidden;
|
||||
overflow: auto;
|
||||
user-select: none;
|
||||
scrollbar-width: none;
|
||||
|
||||
@media (max-width: 500px) {
|
||||
overflow: scroll;
|
||||
|
|
@ -336,24 +335,12 @@
|
|||
// Bottom menu positioning
|
||||
.bottom-menu {
|
||||
.pozo-dropdown-submenu {
|
||||
// Remove transform for bottom menu - use calculated position
|
||||
transform: none !important;
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Responsive Design
|
||||
@media (max-width: 900px) {
|
||||
// .pozo-dropdown-submenu {
|
||||
// // left: 70px !important;
|
||||
// // min-width: 180px;
|
||||
// // max-width: calc(100vw - 80px);
|
||||
// }
|
||||
|
||||
// .pozo-dropdown-submenu.nested-submenu {
|
||||
// // left: 70px !important;
|
||||
// }
|
||||
|
||||
.bottom-menu .pozo-dropdown-submenu {
|
||||
left: 70px !important;
|
||||
}
|
||||
|
|
@ -367,16 +354,11 @@
|
|||
}
|
||||
|
||||
.pozo-dropdown-submenu {
|
||||
// min-width: 160px;
|
||||
// max-width: calc(50vw - 20px);
|
||||
// left: 30% !important;
|
||||
// right: 10px !important;
|
||||
position: unset !important;
|
||||
width: 100% !important;
|
||||
min-width: unset !important;
|
||||
max-width: unset !important;
|
||||
background-color: #050d36c4;
|
||||
// border-top: 1px solid #23bbff;
|
||||
margin-top: 2px !important;
|
||||
}
|
||||
|
||||
|
|
@ -389,7 +371,6 @@
|
|||
|
||||
@media (max-width: 500px) {
|
||||
.pozo-menu-item {
|
||||
// padding: 8px 8px;
|
||||
padding: 6px 4px 6px 6px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
|
@ -451,7 +432,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
.clearGenQRCode {
|
||||
button {
|
||||
background-color: #000 !important;
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ import { AuthContext } from '../../AuthContext';
|
|||
import PozoMenu from './PozoMenu';
|
||||
import {
|
||||
changePreviewComponents,
|
||||
changeSelectedPrintdummyData
|
||||
changeSelectedPrintdummyData,
|
||||
} from '../../Features/ThemeChange/ThemeChange';
|
||||
import {
|
||||
changeBookingType,
|
||||
|
|
@ -350,7 +350,6 @@ const SideMenuPozo = ({ items = [] }) => {
|
|||
);
|
||||
// Recursive render for menu and submenus
|
||||
|
||||
|
||||
// Custom onClick handler for PozoMenu
|
||||
const handlePozoMenuClick = (e) => {
|
||||
console.log('PozoMenu clicked:', e);
|
||||
|
|
@ -379,6 +378,7 @@ const SideMenuPozo = ({ items = [] }) => {
|
|||
gap: '6px',
|
||||
height: '68vh',
|
||||
overflow: 'auto',
|
||||
scrollbarWidth: 'none',
|
||||
}}
|
||||
>
|
||||
<div className="paypreLogoDiv">
|
||||
|
|
|
|||
|
|
@ -1,12 +1,28 @@
|
|||
import { useEffect, useState } from 'react';
|
||||
import { useEffect, useState, lazy, Suspense } from 'react';
|
||||
import { useSelector, useDispatch } from 'react-redux';
|
||||
import BSLayout1 from '../../Pages/BookingScreen/Template/BSLayout1/BSLayout1.jsx';
|
||||
import BSLayout2 from '../../Pages/BookingScreen/Template/BSLayout2/BSLayout2.jsx';
|
||||
import BSLayout3 from '../../Pages/BookingScreen/Template/BSLayout3/BSLayout3.jsx';
|
||||
import BSLayout4 from '../../Pages/BookingScreen/Template/BSLayout4/BSLayout4.jsx';
|
||||
import BSLayout5 from '../../Pages/BookingScreen/Template/BSLayout5/BSLayout5.jsx';
|
||||
import BSLayout6 from '../../Pages/BookingScreen/Template/BSLayout6/BSLayout6.jsx';
|
||||
import BSCombo from '../../Pages/BookingScreen/Template/BSLayout7/BSCombo1.jsx';
|
||||
|
||||
const BSLayout1 = lazy(
|
||||
() => import('../../Pages/BookingScreen/Template/BSLayout1/BSLayout1.jsx')
|
||||
);
|
||||
const BSLayout2 = lazy(
|
||||
() => import('../../Pages/BookingScreen/Template/BSLayout2/BSLayout2.jsx')
|
||||
);
|
||||
const BSLayout3 = lazy(
|
||||
() => import('../../Pages/BookingScreen/Template/BSLayout3/BSLayout3.jsx')
|
||||
);
|
||||
const BSLayout4 = lazy(
|
||||
() => import('../../Pages/BookingScreen/Template/BSLayout4/BSLayout4.jsx')
|
||||
);
|
||||
const BSLayout5 = lazy(
|
||||
() => import('../../Pages/BookingScreen/Template/BSLayout5/BSLayout5.jsx')
|
||||
);
|
||||
const BSLayout6 = lazy(
|
||||
() => import('../../Pages/BookingScreen/Template/BSLayout6/BSLayout6.jsx')
|
||||
);
|
||||
const BSCombo = lazy(
|
||||
() => import('../../Pages/BookingScreen/Template/BSLayout7/BSCombo1.jsx')
|
||||
);
|
||||
|
||||
import {
|
||||
getPrintSelectionComponentData,
|
||||
getTemplate,
|
||||
|
|
@ -47,10 +63,7 @@ const BookingPage = () => {
|
|||
const [ismounted, setIsmounted] = useState(false);
|
||||
const [templateLoaded, setTemplateLoaded] = useState(false);
|
||||
const PricingAppPricingName = useSelector(GlobalPricingAppPricingName);
|
||||
// const Advance = PricingAppPricingName?.some(item => item.PricingName === "Advance");
|
||||
// const Pro = PricingAppPricingName?.some(
|
||||
// (item) => item.PricingName === 'Customized'
|
||||
// );
|
||||
|
||||
const CompId = getSession('CompId');
|
||||
const BranchId = getSession('BranchId');
|
||||
const AppId = getSession('AppId');
|
||||
|
|
@ -59,16 +72,8 @@ const BookingPage = () => {
|
|||
const UserType = getSession('UserType');
|
||||
const AuthToken = sessionStorage.getItem('auth');
|
||||
const SessionMobileNo = getSession('MobileNo');
|
||||
// const [FeatureAddonData, setFeatureAddonData] = useState([]);
|
||||
const FeatureAddonData = useSelector(GlobalFeatAddOnData);
|
||||
const Scantemplatedata = useSelector(GlobalScanTemplate);
|
||||
// useEffect(() => {
|
||||
// dispatch(
|
||||
// getPreferenceData({ CompId: CompId, AppId: AppId, BranchId: BranchId })
|
||||
// );
|
||||
// financialYear();
|
||||
// // dispatch(getTemplate({ CompId, BranchId, AppId })).unwrap();
|
||||
// }, []);
|
||||
|
||||
useEffect(() => {
|
||||
if (BranchId) {
|
||||
|
|
@ -111,35 +116,6 @@ const BookingPage = () => {
|
|||
};
|
||||
}
|
||||
};
|
||||
// const financialYear = async () => {
|
||||
// const response = await dispatch(
|
||||
// getBranchDetail({ BrId: BranchId })
|
||||
// ).unwrap();
|
||||
// if (response?.data?.statusCode === 1) {
|
||||
// const data = response?.data?.data?.[0];
|
||||
// const FYStatus = data?.FYStatus;
|
||||
// const FYStartsFrom = data?.FYStartsFrom
|
||||
// ? new Date(data.FYStartsFrom)
|
||||
// : null;
|
||||
// const today = new Date();
|
||||
// today.setHours(0, 0, 0, 0);
|
||||
// if (FYStartsFrom) FYStartsFrom.setHours(0, 0, 0, 0);
|
||||
|
||||
// let statusToDispatch = 'N';
|
||||
|
||||
// if (FYStatus === 'N') {
|
||||
// statusToDispatch = 'Y';
|
||||
// } else if (FYStatus === 'Y') {
|
||||
// if (FYStartsFrom && FYStartsFrom <= today) {
|
||||
// statusToDispatch = 'Y';
|
||||
// } else {
|
||||
// statusToDispatch = 'N';
|
||||
// }
|
||||
// }
|
||||
|
||||
// dispatch(ChangeBranchFinancialStatus(statusToDispatch));
|
||||
// }
|
||||
// };
|
||||
|
||||
useEffect(() => {
|
||||
const SessionData = {
|
||||
|
|
@ -194,20 +170,11 @@ const BookingPage = () => {
|
|||
appId: AppId,
|
||||
userId: UserId,
|
||||
};
|
||||
// getFeatureAddonData();
|
||||
}
|
||||
// dispatch(getConfigType({ TypeName: 'Booking Type' })).unwrap();
|
||||
|
||||
dispatch(PricingAppPricingNameData(data)).unwrap();
|
||||
}, []);
|
||||
|
||||
// useEffect(() => {
|
||||
// if (Advance) {
|
||||
|
||||
// Professional('Advance');
|
||||
// }
|
||||
// }, [Advance]);
|
||||
|
||||
useEffect(() => {
|
||||
const fetchData = async (Plan) => {
|
||||
if (templateLoaded) return; // STOP duplicate calls
|
||||
|
|
@ -415,13 +382,8 @@ const BookingPage = () => {
|
|||
!templateResponse?.data?.data ||
|
||||
templateResponse.data.data.length === 0
|
||||
) {
|
||||
// If no template data, call Professional('Advance')
|
||||
Professional(Plan);
|
||||
// setIsmounted(false)
|
||||
}
|
||||
// else {
|
||||
// setIsmounted(false)
|
||||
// }
|
||||
}
|
||||
// Check if template data is empty or not
|
||||
};
|
||||
|
|
@ -452,14 +414,8 @@ const BookingPage = () => {
|
|||
// setIsmounted(false)
|
||||
}
|
||||
} else {
|
||||
// if (hasCustomizedTemplate) {
|
||||
// fetchData('Standard');
|
||||
// } else {
|
||||
fetchData('Standard');
|
||||
// Professional('Standard');
|
||||
// }
|
||||
}
|
||||
// setIsmounted(false)
|
||||
}
|
||||
}, [PricingAppPricingName]);
|
||||
useEffect(() => {
|
||||
|
|
@ -484,23 +440,11 @@ const BookingPage = () => {
|
|||
SelectedApplication: AppId,
|
||||
AppName: AppName,
|
||||
Type: data,
|
||||
// === 'Standard' ? 'Standard' : 'Pro'
|
||||
};
|
||||
|
||||
dispatch(changetemplateData(tempData));
|
||||
};
|
||||
|
||||
// const getFeatureAddonData = async () => {
|
||||
// let featureAddon = await dispatch(
|
||||
// FeatureAddon({ AppId: AppId, UserId: UserId })
|
||||
// ).unwrap();
|
||||
|
||||
// if (featureAddon?.data?.statusCode === 1) {
|
||||
// setFeatureAddonData(featureAddon?.data?.data?.[0]?.FeatAddonHdr?.[0]);
|
||||
// } else {
|
||||
// setFeatureAddonData([]);
|
||||
// }
|
||||
// };
|
||||
if (ismounted)
|
||||
return (
|
||||
<div
|
||||
|
|
@ -522,6 +466,29 @@ 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',
|
||||
}}
|
||||
>
|
||||
Loading Layout...
|
||||
<span style={{ fontSize: '16px', fontWeight: '500' }}>
|
||||
PozoApp
|
||||
</span>
|
||||
</div>
|
||||
}
|
||||
>
|
||||
{BookingLayout === 'Layout1' && <BSLayout1 />}
|
||||
{BookingLayout === 'Layout2' && <BSLayout2 />}
|
||||
{BookingLayout === 'Layout3' && <BSLayout3 />}
|
||||
|
|
@ -529,6 +496,7 @@ const BookingPage = () => {
|
|||
{BookingLayout === 'Layout5' && <BSLayout5 />}
|
||||
{BookingLayout === 'Layout6' && <BSLayout6 />}
|
||||
{BookingLayout?.includes('Combo') && <BSCombo />}
|
||||
</Suspense>
|
||||
</>
|
||||
) : (
|
||||
<>{/* {Advance ? <div>Loading...</div> : null} */}</>
|
||||
|
|
|
|||
|
|
@ -1007,7 +1007,6 @@ function BSCategoryVertical(props) {
|
|||
// " % ",
|
||||
}))}
|
||||
className="field-DropDown"
|
||||
// placeholder="ConfigType"
|
||||
label={<label class="required">Tax</label>}
|
||||
// optionsNames={{ value: "TaxPercentage", label: "TaxIdName" }}
|
||||
onChangeFunction={(selectedValue) =>
|
||||
|
|
@ -1229,11 +1228,9 @@ function BSCategoryVertical(props) {
|
|||
)}
|
||||
|
||||
<div className="CategoryVertical-buttons" ref={containerRef}>
|
||||
{/* {isDownDisabled &&<button className="CategoryVertical-icon" onClick={scrollUp}>
|
||||
<UpOutlined />
|
||||
</button>} */}
|
||||
|
||||
<div>
|
||||
<div
|
||||
style={{ display: 'flex', justifyContent: 'center', width: '100%' }}
|
||||
>
|
||||
{showUpButton && (
|
||||
<div
|
||||
className="CategoryVertical-icon"
|
||||
|
|
@ -1270,10 +1267,6 @@ function BSCategoryVertical(props) {
|
|||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* {isUpDisabled&& <button className="CategoryVertical-icon" onClick={scrollDown}>
|
||||
<DownOutlined />
|
||||
</button>} */}
|
||||
</div>
|
||||
|
||||
<div
|
||||
|
|
|
|||
|
|
@ -6097,13 +6097,14 @@ const BSItemCard = (props) => {
|
|||
<div
|
||||
style={{
|
||||
position: 'relative',
|
||||
overflow: 'auto',
|
||||
overflow: 'hidden',
|
||||
scrollbarWidth:"none"
|
||||
}}
|
||||
className={
|
||||
(item?.OverAllQty !== undefined &&
|
||||
!preferenceSingleSales
|
||||
? returnCount(
|
||||
item?.ProductDetail?.[0]?.ProdName,
|
||||
item?.ProductDetail?.[0Btn-payment-mode]?.ProdName,
|
||||
item?.OverAllQty,
|
||||
CartOrderDetails,
|
||||
item?.OverAllPcs
|
||||
|
|
|
|||
|
|
@ -17,6 +17,7 @@ import { isMobile } from 'react-device-detect';
|
|||
import { Popover } from 'antd';
|
||||
import PozoSalesIcon from './Pozo retail icons/PozoSalesIcon.jsx';
|
||||
import PozoCombinationIcon from './Pozo retail icons/PozoCombinationIcon.jsx';
|
||||
import '../../../../Styles/BookingScreen/Template/BSLayout7/BSC1Payment.scss';
|
||||
|
||||
const BSNavBarEstimate = () => {
|
||||
const dispatch = useDispatch();
|
||||
|
|
|
|||
|
|
@ -1,32 +1,23 @@
|
|||
import React, { useEffect, useState, useCallback, useRef } from 'react';
|
||||
import {
|
||||
useEffect,
|
||||
useState,
|
||||
useCallback,
|
||||
useRef,
|
||||
lazy,
|
||||
Suspense,
|
||||
} from 'react';
|
||||
import { useDispatch, useSelector } from 'react-redux';
|
||||
import moment from 'moment';
|
||||
import { Tooltip, Badge, Popconfirm } from 'antd';
|
||||
import { isMobile } from 'react-device-detect';
|
||||
import { ArrowUpOutlined } from '@ant-design/icons';
|
||||
import TooltipWrapper from '../../../../Components/Tooltip/Tooltip.jsx';
|
||||
import BSNavbar1 from '../../Components/BSNavbar/BSNavbar1';
|
||||
import BSNavbar2 from '../../Components/BSNavbar/BSNavbar2';
|
||||
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 BSBillingTable5 from '../../Components/BSBillingTables/BSBillingTable5/BSBillingTable5';
|
||||
import BSBillingTable6 from '../../Components/BSBillingTables/BSBillingTable6/BSBTOverall6';
|
||||
import BSBillingTable7 from '../../Components/BSBillingTables/BSBillingTable7/BSBillingTable7Overall.jsx';
|
||||
import CategoryHorizontal from '../../Components/BSCategories/BSCategoryHorizontal';
|
||||
|
||||
import { dynamicComponentProps } from '../DynamicComponentProps.js';
|
||||
import BSKioskCounterPayment from '../../Components/UtillComponents/BSKioskCounterPayment.jsx';
|
||||
import {
|
||||
getKioskDatas,
|
||||
globalKioskSalesCount,
|
||||
} from '../../../../Features/Kiosk/kiosk.js';
|
||||
import PozoKioskIcon from '../../Components/UtillComponents/Pozo retail icons/PozoKioskIcon.jsx';
|
||||
import SalesCountComponent from '../SalesCountComponent.jsx';
|
||||
import {
|
||||
GlobalPricingAppPricingName,
|
||||
SelectedGlobalBillingColorDetail,
|
||||
SelectedGlobalCardColorDetail,
|
||||
SelectedGlobalCatgColorDetail,
|
||||
SelectedGlobalLayoutColorDetail,
|
||||
|
|
@ -37,7 +28,6 @@ import {
|
|||
GlobalSalesDetailData,
|
||||
getSalesDetailData,
|
||||
GlobalCombosearch,
|
||||
GlobalOrderCardDetails,
|
||||
GlobalOrderStatus,
|
||||
PreferenceData,
|
||||
GlobalAppExpDateData,
|
||||
|
|
@ -51,35 +41,99 @@ import {
|
|||
checkSession,
|
||||
ApplicationPreferences,
|
||||
} from '../../../../Features/BrachLogin/BranchLogin';
|
||||
import { Messages } from '../../../../Components/Notifications/Messages.jsx';
|
||||
import SAdminUserNotification from '../../Components/BookingFunctionality/SAdminUserNotification.jsx';
|
||||
import '../../../../Styles/BookingScreen/Template/BSLayout2/BSLayout2.scss';
|
||||
import {
|
||||
getBookingStatus,
|
||||
GlobalBookingStatus,
|
||||
} from '../../../../Features/Payment/PaymentReceivedRetail/PaymentReceivedRetail.js';
|
||||
import RetailBookingClosing from '../RetailBookingClose.jsx';
|
||||
import { PutBookingClose } from '../../../../Features/BookingScreen/RetailBookingClose.js';
|
||||
|
||||
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')
|
||||
);
|
||||
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')
|
||||
);
|
||||
|
||||
const BSKioskCounterPayment = lazy(
|
||||
() => import('../../Components/UtillComponents/BSKioskCounterPayment.jsx')
|
||||
);
|
||||
import PozoKioskIcon from '../../Components/UtillComponents/Pozo retail icons/PozoKioskIcon.jsx';
|
||||
const SalesCountComponent = lazy(() => import('../SalesCountComponent.jsx'));
|
||||
import { Messages } from '../../../../Components/Notifications/Messages.jsx';
|
||||
const SAdminUserNotification = lazy(
|
||||
() =>
|
||||
import('../../Components/BookingFunctionality/SAdminUserNotification.jsx')
|
||||
);
|
||||
|
||||
const RetailBookingClosing = lazy(() => import('../RetailBookingClose.jsx'));
|
||||
import BookingCloseIcon from '../../Components/UtillComponents/BookingCloseIcon.jsx';
|
||||
import ListOfSalesInvoices from '../../Components/BSBillingTables/ListofInvoices/ListOfSalesInvoices.jsx';
|
||||
import BSEwayBillicon from '../../Components/UtillComponents/BSEwayBillicon.jsx';
|
||||
import BSComboItemCard from '../../Components/BSItemCards/BSComboItemCard.jsx';
|
||||
import BranchTransferComponent from '../../Components/UtillComponents/BSQuickBranchToBranchTransferComponent.jsx';
|
||||
import BSExpireProductsList from '../../Components/UtillComponents/BSExpireProductsList.jsx';
|
||||
const BSComboItemCard = lazy(
|
||||
() => import('../../Components/BSItemCards/BSComboItemCard.jsx')
|
||||
);
|
||||
|
||||
import BSOtherServiceItemCard from '../../Components/BSItemCards/BSOtherServiceItemCard.jsx';
|
||||
import BSOtherServicesHorizontalcat from '../../Components/BSCategories/BSOtherServicesHorizontalcat';
|
||||
import BSNavbar3 from '../../Components/BSNavbar/BSNavbar3.jsx';
|
||||
import StandardTable from '../../Components/BSBillingTables/StandardTable/StandardTable.jsx';
|
||||
import SalesCountForStandard from '../SalesCountForStandard.jsx';
|
||||
import { CiShop } from 'react-icons/ci';
|
||||
import BranchName from '../BranchName.jsx';
|
||||
const BSOtherServiceItemCard = lazy(
|
||||
() => import('../../Components/BSItemCards/BSOtherServiceItemCard.jsx')
|
||||
);
|
||||
const BSOtherServicesHorizontalcat = lazy(
|
||||
() => import('../../Components/BSCategories/BSOtherServicesHorizontalcat')
|
||||
);
|
||||
const SalesCountForStandard = lazy(
|
||||
() => import('../SalesCountForStandard.jsx')
|
||||
);
|
||||
import BsBookingitemCard from '../../Components/BSItemCards/BsBookingitemCard.jsx';
|
||||
import ComboSalesBillTable from '../../Components/BSBillingTables/ComboSalesBillTable/ComboSalesBillTable.jsx';
|
||||
import PlanExpireNotification from '../PlanExpireNotification.jsx';
|
||||
const ListOfSalesInvoices = lazy(
|
||||
() =>
|
||||
import('../../Components/BSBillingTables/ListofInvoices/ListOfSalesInvoices.jsx')
|
||||
);
|
||||
|
||||
const subDirectory = import.meta.env.BASE_URL;
|
||||
const commonDirectory = import.meta.env.COMMON_BASE_URL;
|
||||
const BSNavbar3 = lazy(() => import('../../Components/BSNavbar/BSNavbar3.jsx'));
|
||||
const StandardTable = lazy(
|
||||
() =>
|
||||
import('../../Components/BSBillingTables/StandardTable/StandardTable.jsx')
|
||||
);
|
||||
const ComboSalesBillTable = lazy(
|
||||
() =>
|
||||
import('../../Components/BSBillingTables/ComboSalesBillTable/ComboSalesBillTable.jsx')
|
||||
);
|
||||
const BranchTransferComponent = lazy(
|
||||
() =>
|
||||
import('../../Components/UtillComponents/BSQuickBranchToBranchTransferComponent.jsx')
|
||||
);
|
||||
const BSExpireProductsList = lazy(
|
||||
() => import('../../Components/UtillComponents/BSExpireProductsList.jsx')
|
||||
);
|
||||
const PlanExpireNotification = lazy(
|
||||
() => import('../PlanExpireNotification.jsx')
|
||||
);
|
||||
|
||||
const BSLayout2 = () => {
|
||||
const dispatch = useDispatch();
|
||||
|
|
@ -93,7 +147,7 @@ const BSLayout2 = () => {
|
|||
const SettingDataSelector = useSelector(PreferenceData);
|
||||
const GlobalsalesDetailData = useSelector(GlobalSalesDetailData);
|
||||
const OrderStatus = useSelector(GlobalOrderStatus);
|
||||
const tableData = useSelector(GlobalOrderStatus);
|
||||
|
||||
const PricingAppPricingName = useSelector(GlobalPricingAppPricingName);
|
||||
console.log(PricingAppPricingName, 'PricingAppPricingName');
|
||||
const Comboglobal = useSelector(GlobalCombosearch);
|
||||
|
|
@ -122,10 +176,7 @@ const BSLayout2 = () => {
|
|||
const BranchId = SessionData?.BranchId;
|
||||
const UserId = SessionData?.UserId;
|
||||
const UserType = SessionData?.UserType;
|
||||
const AppName = SessionData?.AppName;
|
||||
const BookingNavbar = BSLayout2Data?.BookingNavbar?.[0];
|
||||
const BookingCategory = BSLayout2Data?.BookingCategory;
|
||||
const BookingCard = BSLayout2Data?.BookingCard;
|
||||
const BookingBilling = BSLayout2Data?.BookingBilling?.[0];
|
||||
const DineInAccess = SettingDataSelector?.[0]?.SettingDtlDetails.filter(
|
||||
(i) => i.SettingIdName === 'DineIn'
|
||||
|
|
@ -159,7 +210,6 @@ const BSLayout2 = () => {
|
|||
preference?.PreferredSubCatName === 'SportsApp' &&
|
||||
preference?.PreferredStatus == 'Y'
|
||||
);
|
||||
const SelectedBillColor = useSelector(SelectedGlobalBillingColorDetail);
|
||||
|
||||
let ss = animations[count];
|
||||
|
||||
|
|
@ -212,7 +262,6 @@ const BSLayout2 = () => {
|
|||
await dispatch(getKioskDatas(data));
|
||||
};
|
||||
|
||||
|
||||
const openModalKiosk = () => {
|
||||
setKioskopen(true);
|
||||
};
|
||||
|
|
@ -272,7 +321,6 @@ const BSLayout2 = () => {
|
|||
let Postresponse = await dispatch(PutBookingClose(Postdata)).unwrap();
|
||||
if (Postresponse?.data?.statusCode === 1) {
|
||||
fetchBookingStatus();
|
||||
} else {
|
||||
}
|
||||
};
|
||||
const OpenBookingModal = () => {
|
||||
|
|
@ -298,23 +346,21 @@ const BSLayout2 = () => {
|
|||
{UserType != 'Super Admin' &&
|
||||
UserType != 'Super Admin User' &&
|
||||
(AppExpDate?.RemainingDays <= 7 || AppExpDate === 'undefined') && (
|
||||
<Suspense fallback={<div>Loading...</div>}>
|
||||
<PlanExpireNotification ss={ss} />
|
||||
</Suspense>
|
||||
)}
|
||||
<div
|
||||
className="BSLayout2-Master"
|
||||
style={{ height: containerHeight, overflow: 'hidden' }}
|
||||
>
|
||||
<Suspense fallback={<div>Loading...</div>}>
|
||||
<div className="BSLayout2-NavBar">
|
||||
{/* {PricingAppPricingName?.[0]?.PricingName != 'Standard' ? (
|
||||
<> */}
|
||||
{BookingNavbar == 'Navbar1' && <BSNavbar1 />}
|
||||
{BookingNavbar == 'Navbar2' && <BSNavbar2 />}
|
||||
{BookingNavbar == 'Navbar3' && <BSNavbar3 />}
|
||||
{/* </>
|
||||
) :
|
||||
<BSNavbar3 />
|
||||
} */}
|
||||
</div>
|
||||
</Suspense>
|
||||
<div
|
||||
// className="BSLayout2"
|
||||
className={
|
||||
|
|
@ -338,10 +384,12 @@ const BSLayout2 = () => {
|
|||
</div>
|
||||
)}
|
||||
{!OtherServicesglobal && (
|
||||
<Suspense fallback={null}>
|
||||
<SalesCountComponent
|
||||
DineInAccess={DineInAccess}
|
||||
GlobalsalesDetailData={GlobalsalesDetailData}
|
||||
/>
|
||||
</Suspense>
|
||||
)}
|
||||
{SessionData?.FeatureAddonData?.FeatureDtls?.find(
|
||||
(item) =>
|
||||
|
|
@ -380,18 +428,23 @@ const BSLayout2 = () => {
|
|||
isMobile={isMobile}
|
||||
>
|
||||
{' '}
|
||||
<Suspense fallback={<div>Loading...</div>}>
|
||||
<BSExpireProductsList />
|
||||
</Suspense>
|
||||
</TooltipWrapper>
|
||||
)}
|
||||
{Kioskopen && (
|
||||
<Suspense fallback={<div>Loading...</div>}>
|
||||
<BSKioskCounterPayment
|
||||
Kioskopen={Kioskopen}
|
||||
closeKioskModal={closeModalKiosk}
|
||||
/>
|
||||
</Suspense>
|
||||
)}
|
||||
|
||||
{SAdminuserPin?.length > 0 &&
|
||||
UserType != 'Super Admin User' && (
|
||||
<Suspense fallback={<div>Loading...</div>}>
|
||||
<div>
|
||||
<SAdminUserNotification
|
||||
SAdminuserPin={SAdminuserPin}
|
||||
|
|
@ -400,6 +453,7 @@ const BSLayout2 = () => {
|
|||
handlePopOverOpen={handlePopOverOpen}
|
||||
/>
|
||||
</div>
|
||||
</Suspense>
|
||||
)}
|
||||
{!OtherServicesglobal && (
|
||||
<>
|
||||
|
|
@ -468,11 +522,13 @@ const BSLayout2 = () => {
|
|||
</div>
|
||||
</div>
|
||||
) : (
|
||||
<Suspense fallback={null}>
|
||||
<SalesCountForStandard
|
||||
PricingAppPricingName={PricingAppPricingName}
|
||||
DineInAccess={DineInAccess}
|
||||
GlobalsalesDetailData={GlobalsalesDetailData}
|
||||
/>
|
||||
</Suspense>
|
||||
)}
|
||||
|
||||
<div
|
||||
|
|
@ -494,6 +550,7 @@ const BSLayout2 = () => {
|
|||
}}
|
||||
>
|
||||
{!OtherServicesglobal && (
|
||||
<Suspense fallback={<div>Loading...</div>}>
|
||||
<CategoryHorizontal
|
||||
categoryFunction={dynamicComponentProps(
|
||||
'Category',
|
||||
|
|
@ -501,8 +558,10 @@ const BSLayout2 = () => {
|
|||
BSLayout2Data?.BookingCategory?.[0]
|
||||
)}
|
||||
/>
|
||||
</Suspense>
|
||||
)}
|
||||
{OtherServicesglobal && (
|
||||
<Suspense fallback={<div>Loading...</div>}>
|
||||
<BSOtherServicesHorizontalcat
|
||||
categoryFunction={dynamicComponentProps(
|
||||
'Category',
|
||||
|
|
@ -510,6 +569,7 @@ const BSLayout2 = () => {
|
|||
BSLayout2Data?.BookingCategory?.[0]
|
||||
)}
|
||||
/>
|
||||
</Suspense>
|
||||
)}
|
||||
</div>
|
||||
<div
|
||||
|
|
@ -520,8 +580,8 @@ const BSLayout2 = () => {
|
|||
display: 'flex',
|
||||
}}
|
||||
>
|
||||
{(Comboglobal === false &&
|
||||
!OtherServicesglobal) &&
|
||||
{Comboglobal === false &&
|
||||
!OtherServicesglobal &&
|
||||
(AvailableDate ? (
|
||||
<BsBookingitemCard
|
||||
cardFunctionality={dynamicComponentProps(
|
||||
|
|
@ -539,7 +599,8 @@ const BSLayout2 = () => {
|
|||
)}
|
||||
/>
|
||||
))}
|
||||
{(Comboglobal === true && !OtherServicesglobal) && (
|
||||
{Comboglobal === true && !OtherServicesglobal && (
|
||||
<Suspense fallback={null}>
|
||||
<BSComboItemCard
|
||||
cardFunctionality={dynamicComponentProps(
|
||||
'Card',
|
||||
|
|
@ -547,8 +608,10 @@ const BSLayout2 = () => {
|
|||
BSLayout2Data?.BookingCard?.[0]
|
||||
)}
|
||||
/>
|
||||
</Suspense>
|
||||
)}
|
||||
{OtherServicesglobal && (
|
||||
<Suspense fallback={null}>
|
||||
<BSOtherServiceItemCard
|
||||
// screenHeight={screenHeight}
|
||||
cardFunctionality={dynamicComponentProps(
|
||||
|
|
@ -557,14 +620,17 @@ const BSLayout2 = () => {
|
|||
BSLayout2Data?.BookingCard?.[0]
|
||||
)}
|
||||
/>
|
||||
</Suspense>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
{/* {PricingAppPricingName?.[0]?.PricingName != 'Standard' ? ( */}
|
||||
<Suspense fallback={<div>Loading...</div>}>
|
||||
<div className="BSCategory2-tablecont">
|
||||
{action ? (
|
||||
<BranchTransferComponent />
|
||||
) : (
|
||||
<Suspense fallback={<div>Loading...</div>}>
|
||||
<>
|
||||
{BSLayout2Data?.BookingBilling?.[0] == 'Billing1' && (
|
||||
<BSBillingTable1 />
|
||||
|
|
@ -587,46 +653,42 @@ const BSLayout2 = () => {
|
|||
{BSLayout2Data?.BookingBilling?.[0] == 'Billing7' && (
|
||||
<BSBillingTable7 />
|
||||
)}
|
||||
{BookingBilling == 'Billing8' && <ComboSalesBillTable />}
|
||||
|
||||
{BookingBilling == 'Billing8' && (
|
||||
<ComboSalesBillTable />
|
||||
)}
|
||||
{BSLayout2Data?.BookingBilling?.[0] ==
|
||||
'StandardBilling' && (
|
||||
<div className="BSCategory2New">
|
||||
<Suspense fallback={<div>Loading table...</div>}>
|
||||
<StandardTable />
|
||||
</Suspense>
|
||||
</div>
|
||||
)}
|
||||
</>
|
||||
</Suspense>
|
||||
)}
|
||||
{/* <div
|
||||
className="salesStoreName"
|
||||
style={{
|
||||
color: SelectedBillColor?.['FontColor'],
|
||||
backgroundColor: SelectedBillColor?.['BackgroundColor'],
|
||||
}}
|
||||
>
|
||||
<BranchName />
|
||||
</div> */}
|
||||
</div>
|
||||
{/* ) :
|
||||
<div className="BSCategory2New">
|
||||
<StandardTable />
|
||||
</div>
|
||||
|
||||
} */}
|
||||
</Suspense>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{BookingModalOpen && (
|
||||
<Suspense fallback={null}>
|
||||
<RetailBookingClosing
|
||||
PaymentOpen={BookingModalOpen}
|
||||
PaymentClose={HandleBookingModalClose}
|
||||
/>
|
||||
</Suspense>
|
||||
)}
|
||||
{ListOfInvoices && (
|
||||
<Suspense fallback={<div>Loading...</div>}>
|
||||
<ListOfSalesInvoices
|
||||
ListOfInvoicesOpen={ListOfInvoices}
|
||||
handleInvoiceClose={handleInvoiceClose}
|
||||
/>
|
||||
</Suspense>
|
||||
)}
|
||||
</>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -45,7 +45,6 @@ import {
|
|||
globalKioskSalesCount,
|
||||
} from '../../../../Features/Kiosk/kiosk.js';
|
||||
import SalesCountComponent from '../SalesCountComponent.jsx';
|
||||
import '../../../../Styles/BookingScreen/Template/BSLayout5/BSLayout5.scss';
|
||||
import PozoKioskIcon from '../../Components/UtillComponents/Pozo retail icons/PozoKioskIcon.jsx';
|
||||
import {
|
||||
GLobalSadminUserPin,
|
||||
|
|
|
|||
|
|
@ -55,7 +55,6 @@ import {
|
|||
import { Messages } from '../../../../Components/Notifications/Messages.jsx';
|
||||
import SAdminUserNotification from '../../Components/BookingFunctionality/SAdminUserNotification.jsx';
|
||||
import SalesCountComponent from '../SalesCountComponent.jsx';
|
||||
import '../../../../Styles/BookingScreen/Template/BSLayout6/BSLayout6.scss';
|
||||
import {
|
||||
getBookingStatus,
|
||||
GlobalBookingStatus,
|
||||
|
|
|
|||
|
|
@ -48,12 +48,11 @@ import ListOfSalesInvoices from '../Components/BSBillingTables/ListofInvoices/Li
|
|||
import { DefaultModal } from '../../../Components/Modal/DefaultModal.jsx';
|
||||
import CustomisedInvoiceChange from '../Components/UtillComponents/CustomisedInvoiceChange.jsx';
|
||||
import ProductPriceChange from '../Components/UtillComponents/ProductPriceChange.jsx';
|
||||
import { MdCallReceived, MdOutlineCallReceived } from 'react-icons/md';
|
||||
import { MdOutlineCallReceived } from 'react-icons/md';
|
||||
import {
|
||||
getReceivedStocks,
|
||||
PostReceiveStocks,
|
||||
} from '../../../Features/stockReceivedGodown/ReceivedStock.js';
|
||||
import { TiTickOutline } from 'react-icons/ti';
|
||||
import ReceivedStocksModal from '../../../Components/Modal/ReceivedStocksModal.jsx';
|
||||
import ProductDetailsModal from '../../../Components/Modal/ProductDetailsModal.jsx';
|
||||
import { GoPackageDependencies } from 'react-icons/go';
|
||||
|
|
@ -61,6 +60,7 @@ import { Messages } from '../../../../ownLib/my-ui-lib.js';
|
|||
|
||||
import ShortcutKeyHelper from '../Components/UtillComponents/ShortcutKeyHelper.jsx';
|
||||
import AllSalesPageSettings from '../Components/UtillComponents/AllSalesPageSettings.jsx';
|
||||
import '../../../Styles/BookingScreen/Template/BSLayout2/BSLayout2.scss';
|
||||
|
||||
const SalesCountForStandard = ({
|
||||
DineInAccess,
|
||||
|
|
@ -638,42 +638,6 @@ const SalesCountForStandard = ({
|
|||
onComplete={onComplete}
|
||||
/>
|
||||
<div className="LicenseActive">
|
||||
{/* { AvailableDate && <div>
|
||||
{isBulk ? <BsUiChecks size={28} onClick={() => {
|
||||
setIsBulk(!isBulk);
|
||||
setSelectedDate([]);
|
||||
}} /> : <FaCheckToSlot size={25} onClick={() => {
|
||||
setIsBulk(!isBulk);
|
||||
setSelectedDate([]);
|
||||
}} />}
|
||||
</div>} */}
|
||||
|
||||
{/* <div>
|
||||
{AvailableDate && !isBulk &&
|
||||
<div style={{ padding: '3px 5px', marginLeft: '1rem' }}>
|
||||
<DatePicker
|
||||
disabledDate={disablePastDates}
|
||||
format="DD-MMM-YYYY"
|
||||
value={getDatePickerValue()}
|
||||
onChange={handleDateChange}
|
||||
/>
|
||||
</div>
|
||||
}
|
||||
|
||||
{isBulk && AvailableDate && (
|
||||
<div style={{ padding: '3px 5px', marginLeft: '1rem' }}>
|
||||
<DatePicker
|
||||
multiple
|
||||
value={getDatePickerValue()}
|
||||
onChange={handleDateChange}
|
||||
format="DD-MMM-YYYY"
|
||||
placeholder="Select multiple dates"
|
||||
style={{ height: 30, fontSize: 12 }}
|
||||
disabledDate={disablePastDates}
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
</div> */}
|
||||
<div>
|
||||
{showSalesTooltip ? (
|
||||
<Tooltip
|
||||
|
|
@ -830,7 +794,11 @@ const SalesCountForStandard = ({
|
|||
Stock
|
||||
</button>
|
||||
)}
|
||||
{preferenceshortcutkey && <ShortcutKeyHelper />}
|
||||
{preferenceshortcutkey && (
|
||||
<div className='KeyshortCutNav3'>
|
||||
<ShortcutKeyHelper />
|
||||
</div>
|
||||
)}
|
||||
<AllSalesPageSettings />
|
||||
<div style={{ display: 'flex', alignItems: 'center' }}>
|
||||
{Customisebillno && <CustomisedInvoiceChange />}
|
||||
|
|
|
|||
|
|
@ -1403,7 +1403,14 @@ const RetailDashboard = () => {
|
|||
|
||||
if (daysDiff <= 7 && daysDiff >= 0) {
|
||||
return (
|
||||
<div>
|
||||
<div
|
||||
style={{
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
gap: '5px',
|
||||
lineHeight:"1.1"
|
||||
}}
|
||||
>
|
||||
<img src={sandClock} alt="" width={25} />
|
||||
|
||||
{PricingAppPricingName?.[0]?.PricingName && (
|
||||
|
|
@ -1412,9 +1419,11 @@ const RetailDashboard = () => {
|
|||
{PricingAppPricingName?.[0]?.PricingName +
|
||||
' / ' +
|
||||
PricingAppPricingName?.[0]?.Type}
|
||||
<div className="infoplan">
|
||||
Plan Expiry on : {ExpiryDate}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
<div className="infoplan">Plan Expiry on {ExpiryDate}</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -27,7 +27,8 @@ import {
|
|||
getPaymentFeatures,
|
||||
postPaymentOptions,
|
||||
putPaymentOptions,
|
||||
changeSalesPaymentoption, getPaymentUPIDetails
|
||||
changeSalesPaymentoption,
|
||||
getPaymentUPIDetails,
|
||||
} from '../../../Features/Payment/Paymentoptions/Paymentoptions.js';
|
||||
import { FaCreditCard } from 'react-icons/fa';
|
||||
|
||||
|
|
@ -59,7 +60,7 @@ function PaymentOptions({ setModalOpen }) {
|
|||
const [paymentFlows, setPaymentFlow] = useState([]);
|
||||
const [paymentOptions, setPaymentOption] = useState([]);
|
||||
const [paymentMode, setPaymentMode] = useState([]);
|
||||
const [BusinessUpiModes, setBusinessUpiModes] = useState([])
|
||||
const [BusinessUpiModes, setBusinessUpiModes] = useState([]);
|
||||
const [paymentGatewayMode, setPaymentGatewayMode] = useState([]);
|
||||
const [paymentDeviceMode, setPaymentDeviceMode] = useState([]);
|
||||
const [selectedConfigs, setSelectedConfigs] = useState({
|
||||
|
|
@ -73,7 +74,8 @@ function PaymentOptions({ setModalOpen }) {
|
|||
const [configUpiId, setConfigUpiId] = useState();
|
||||
const [empData, setEmpData] = useState();
|
||||
const [addnewAccess, setaddnewAccess] = useState(true);
|
||||
const [payAtCounterSalesDefaultMode, setPayAtCounterSalesDefaultMode] = useState('');
|
||||
const [payAtCounterSalesDefaultMode, setPayAtCounterSalesDefaultMode] =
|
||||
useState('');
|
||||
|
||||
// Helper function to get dropdown options based on checked modes for Pay at the counter
|
||||
const getPayAtCounterSalesDropdownOptions = () => {
|
||||
|
|
@ -131,8 +133,6 @@ function PaymentOptions({ setModalOpen }) {
|
|||
);
|
||||
};
|
||||
|
||||
|
||||
|
||||
useEffect(() => {
|
||||
dispatch(changeBreadCrumb({ items: items }));
|
||||
fetchPaymentFlow();
|
||||
|
|
@ -354,7 +354,10 @@ function PaymentOptions({ setModalOpen }) {
|
|||
const paymentOptionResponse = await dispatch(
|
||||
getPaymentConfigData({ typeName: 'Payment Option' })
|
||||
).unwrap();
|
||||
console.log(paymentOptionResponse?.data?.data, " paymentOptionResponse?.data?.data")
|
||||
console.log(
|
||||
paymentOptionResponse?.data?.data,
|
||||
' paymentOptionResponse?.data?.data'
|
||||
);
|
||||
if (paymentOptionResponse?.data?.statusCode == 1) {
|
||||
const requiredFeatureNames = ['Payment Gateway', 'Payment Device'];
|
||||
const featureNames = checkPaymentFeatures?.data?.data?.flatMap((app) =>
|
||||
|
|
@ -423,10 +426,17 @@ function PaymentOptions({ setModalOpen }) {
|
|||
}
|
||||
);
|
||||
setPaymentMode(filteredSecondList);
|
||||
let BusiData = { CompId: CompId, AppId: AppId, BranchId: BranchId, DetailType: "BU" }
|
||||
const Businessupidetails = await dispatch(getPaymentUPIDetails(BusiData)).unwrap()
|
||||
setBusinessUpiModes(Businessupidetails?.data?.data)
|
||||
console.log(Businessupidetails, "Businessupidetails")
|
||||
let BusiData = {
|
||||
CompId: CompId,
|
||||
AppId: AppId,
|
||||
BranchId: BranchId,
|
||||
DetailType: 'BU',
|
||||
};
|
||||
const Businessupidetails = await dispatch(
|
||||
getPaymentUPIDetails(BusiData)
|
||||
).unwrap();
|
||||
setBusinessUpiModes(Businessupidetails?.data?.data);
|
||||
console.log(Businessupidetails, 'Businessupidetails');
|
||||
const paymentGatewayResponse = await dispatch(
|
||||
getPaymentGatewayMode()
|
||||
).unwrap();
|
||||
|
|
@ -812,8 +822,8 @@ function PaymentOptions({ setModalOpen }) {
|
|||
modeOptions = paymentGatewayMode;
|
||||
} else if (configName === 'Payment Device') {
|
||||
modeOptions = paymentDeviceMode;
|
||||
} else if (configName === "Business Upi") {
|
||||
modeOptions = BusinessUpiModes
|
||||
} else if (configName === 'Business Upi') {
|
||||
modeOptions = BusinessUpiModes;
|
||||
}
|
||||
|
||||
const configDetails = selectedConfigs[`${section}Details`] || [];
|
||||
|
|
@ -870,16 +880,29 @@ function PaymentOptions({ setModalOpen }) {
|
|||
value={getSelectedRadioValue()}
|
||||
onChange={(e) => {
|
||||
const selectedOption = modeOptions.find(
|
||||
(option) => (option.ConfigId || option.MethodId || option.MerchantNameId) === e.target.value
|
||||
(option) =>
|
||||
(option.ConfigId ||
|
||||
option.MethodId ||
|
||||
option.MerchantNameId) === e.target.value
|
||||
);
|
||||
if (selectedOption) {
|
||||
handleRadioChange(section, configName, selectedOption, sectionId);
|
||||
handleRadioChange(
|
||||
section,
|
||||
configName,
|
||||
selectedOption,
|
||||
sectionId
|
||||
);
|
||||
}
|
||||
}}
|
||||
>
|
||||
{modeOptions.map((option) => {
|
||||
const optionId = option.ConfigId || option.MethodId || option.MerchantNameId;
|
||||
const optionName = option.ConfigName || option.MethodName || option.MerchantNameIdName || option.BusinessName;
|
||||
const optionId =
|
||||
option.ConfigId || option.MethodId || option.MerchantNameId;
|
||||
const optionName =
|
||||
option.ConfigName ||
|
||||
option.MethodName ||
|
||||
option.MerchantNameIdName ||
|
||||
option.BusinessName;
|
||||
|
||||
return (
|
||||
<Radio key={optionId} value={optionId}>
|
||||
|
|
@ -890,22 +913,39 @@ function PaymentOptions({ setModalOpen }) {
|
|||
</Radio.Group>
|
||||
) : (
|
||||
modeOptions.map((option) => {
|
||||
const optionId = option.ConfigId || option.MethodId || option.MerchantNameId;
|
||||
const optionName = option.ConfigName || option.MethodName || option.MerchantNameIdName || option.BusinessName;
|
||||
const isChecked = getCurrentDetails(section, configName).OptionDetails?.some((details) =>
|
||||
const optionId =
|
||||
option.ConfigId || option.MethodId || option.MerchantNameId;
|
||||
const optionName =
|
||||
option.ConfigName ||
|
||||
option.MethodName ||
|
||||
option.MerchantNameIdName ||
|
||||
option.BusinessName;
|
||||
const isChecked = getCurrentDetails(
|
||||
section,
|
||||
configName
|
||||
).OptionDetails?.some((details) =>
|
||||
details?.ModeDetails?.some((mode) => mode.ModeId === optionId)
|
||||
);
|
||||
|
||||
return (
|
||||
<div
|
||||
key={optionId}
|
||||
style={{ display: 'flex', flexDirection: 'row', gap: '0.5rem' }}
|
||||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'row',
|
||||
gap: '0.5rem',
|
||||
}}
|
||||
>
|
||||
<input
|
||||
type="checkbox"
|
||||
checked={isChecked}
|
||||
onChange={() =>
|
||||
handleCheckboxChange(section, configName, option, sectionId)
|
||||
handleCheckboxChange(
|
||||
section,
|
||||
configName,
|
||||
option,
|
||||
sectionId
|
||||
)
|
||||
}
|
||||
disabled={
|
||||
(configName === 'Pay at the counter' &&
|
||||
|
|
@ -965,8 +1005,13 @@ function PaymentOptions({ setModalOpen }) {
|
|||
|
||||
const handleRadioChange = (section, configName, option, sectionId) => {
|
||||
setCheckedOptions((prevCheckedOptions) => {
|
||||
const optionId = option.ConfigId || option.MethodId || option.MerchantNameId;
|
||||
const optionName = option.ConfigName || option.MethodName || option.MerchantNameIdName || option.BusinessName;
|
||||
const optionId =
|
||||
option.ConfigId || option.MethodId || option.MerchantNameId;
|
||||
const optionName =
|
||||
option.ConfigName ||
|
||||
option.MethodName ||
|
||||
option.MerchantNameIdName ||
|
||||
option.BusinessName;
|
||||
|
||||
// Remove the current option for this section/configName combination
|
||||
let updatedOptions = prevCheckedOptions.filter(
|
||||
|
|
@ -997,7 +1042,8 @@ function PaymentOptions({ setModalOpen }) {
|
|||
|
||||
const handleCheckboxChange = (section, configName, option, sectionId) => {
|
||||
setCheckedOptions((prevCheckedOptions) => {
|
||||
const optionId = option.ConfigId || option.MethodId || option.MerchantNameId;
|
||||
const optionId =
|
||||
option.ConfigId || option.MethodId || option.MerchantNameId;
|
||||
const currentDetails = getCurrentDetails(section, configName);
|
||||
|
||||
const isAdding = !currentDetails.OptionDetails?.some((details) =>
|
||||
|
|
@ -1013,7 +1059,11 @@ function PaymentOptions({ setModalOpen }) {
|
|||
ModeDetails: [
|
||||
{
|
||||
ModeId: optionId,
|
||||
ModeName: option.ConfigName || option.MethodName || option.MerchantNameIdName || option.BusinessName,
|
||||
ModeName:
|
||||
option.ConfigName ||
|
||||
option.MethodName ||
|
||||
option.MerchantNameIdName ||
|
||||
option.BusinessName,
|
||||
},
|
||||
],
|
||||
},
|
||||
|
|
@ -1356,7 +1406,7 @@ function PaymentOptions({ setModalOpen }) {
|
|||
: 'Data Updated Successfully'
|
||||
);
|
||||
await dispatch(changeSalesPaymentoption(false));
|
||||
setModalOpen(false)
|
||||
setModalOpen(false);
|
||||
// ✅ Call the function here to update global state
|
||||
try {
|
||||
await fetchAndSetPaymentOptions(dispatch, {
|
||||
|
|
@ -1380,7 +1430,6 @@ function PaymentOptions({ setModalOpen }) {
|
|||
};
|
||||
|
||||
return (
|
||||
|
||||
<div className="pageOverAll">
|
||||
<div className="userPage">
|
||||
<div className="userPageContent">
|
||||
|
|
@ -1389,11 +1438,16 @@ function PaymentOptions({ setModalOpen }) {
|
|||
messageData={messageData}
|
||||
onComplete={onComplete}
|
||||
/>
|
||||
<div className="formName" style={{ display: "flex", alignItems: "center", gap: "4px" }}>
|
||||
<FaCreditCard size={23} color='#2563eb' />
|
||||
<div
|
||||
className="formName"
|
||||
style={{ display: 'flex', alignItems: 'center', gap: '4px' }}
|
||||
>
|
||||
<FaCreditCard size={23} color="#2563eb" />
|
||||
<FormHeader title={'Payment Options'} />
|
||||
</div>
|
||||
<p style={{ color: "#a5a5a5", fontSize: "11px", fontWeight: "400", }}>Configure Your Payment Methods</p>
|
||||
<p style={{ color: '#a5a5a5', fontSize: '11px', fontWeight: '400' }}>
|
||||
Configure Your Payment Methods
|
||||
</p>
|
||||
<div className="option-maindiv">
|
||||
{paymentFlows?.length > 0 &&
|
||||
paymentFlows.map((flow) => (
|
||||
|
|
@ -1441,27 +1495,36 @@ function PaymentOptions({ setModalOpen }) {
|
|||
option.optionId
|
||||
)}
|
||||
{option.optionName === 'Pay at the counter' &&
|
||||
getPayAtCounterSalesDropdownOptions().length > 0 && (
|
||||
getPayAtCounterSalesDropdownOptions().length >
|
||||
0 && (
|
||||
<div style={{ marginTop: '4px' }}>
|
||||
<select
|
||||
value={payAtCounterSalesDefaultMode}
|
||||
onChange={(e) => handlePayAtCounterModeChange(e.target.value)}
|
||||
onChange={(e) =>
|
||||
handlePayAtCounterModeChange(
|
||||
e.target.value
|
||||
)
|
||||
}
|
||||
style={{
|
||||
padding: '4px 8px',
|
||||
borderRadius: '4px',
|
||||
border: '1px solid #d4d4d4',
|
||||
fontFamily: 'Poppins',
|
||||
fontSize: '13px',
|
||||
width: '150px'
|
||||
width: '150px',
|
||||
}}
|
||||
>
|
||||
{getPayAtCounterSalesDropdownOptions().map((opt) => (
|
||||
<option key={opt.value} value={opt.value}>
|
||||
{getPayAtCounterSalesDropdownOptions().map(
|
||||
(opt) => (
|
||||
<option
|
||||
key={opt.value}
|
||||
value={opt.value}
|
||||
>
|
||||
{opt.label}
|
||||
</option>
|
||||
))}
|
||||
)
|
||||
)}
|
||||
</select>
|
||||
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
|
@ -1519,10 +1582,7 @@ function PaymentOptions({ setModalOpen }) {
|
|||
<label className="section-sub-title">
|
||||
Set as Default Kiosk Sales
|
||||
</label>
|
||||
<Radio.Group
|
||||
onChange={onChangeStatus}
|
||||
value={defaultStatus}
|
||||
>
|
||||
<Radio.Group onChange={onChangeStatus} value={defaultStatus}>
|
||||
<Radio value={'PD'}>Payment Device</Radio>
|
||||
<Radio value={'PG'}>Payment Gateway </Radio>
|
||||
</Radio.Group>
|
||||
|
|
@ -1530,7 +1590,7 @@ function PaymentOptions({ setModalOpen }) {
|
|||
</>
|
||||
)}
|
||||
|
||||
<div className=" submitButtonDiv" >
|
||||
<div className="SBTNPaymentOptions">
|
||||
<Buttons
|
||||
buttonText="SUBMIT"
|
||||
color="901D77"
|
||||
|
|
@ -1543,7 +1603,6 @@ function PaymentOptions({ setModalOpen }) {
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,53 +1,62 @@
|
|||
import { memo, useCallback, useEffect, useRef, useState } from "react";
|
||||
import { IoIosArrowDown, IoIosArrowUp, IoIosCloseCircle } from "react-icons/io";
|
||||
import { memo, useCallback, useEffect, useRef, useState } from 'react';
|
||||
import { createPortal } from 'react-dom';
|
||||
import { IoIosArrowDown, IoIosArrowUp, IoIosCloseCircle } from 'react-icons/io';
|
||||
import '../../../Styles/Product/TurboAddForm.scss';
|
||||
|
||||
const CellSelect = memo(({
|
||||
const CellSelect = memo(
|
||||
({
|
||||
value,
|
||||
onChange,
|
||||
onKeyDown,
|
||||
dataCell,
|
||||
options,
|
||||
hasError,
|
||||
placeholder = "Select option",
|
||||
onClick
|
||||
placeholder = 'Select option',
|
||||
onClick,
|
||||
}) => {
|
||||
const [isOpen, setIsOpen] = useState(false);
|
||||
const [dropdownDirection, setDropdownDirection] = useState("down");
|
||||
const [searchTerm, setSearchTerm] = useState("");
|
||||
const [dropdownDirection, setDropdownDirection] = useState('down');
|
||||
const [searchTerm, setSearchTerm] = useState('');
|
||||
const [dropdownPosition, setDropdownPosition] = useState({
|
||||
top: 0,
|
||||
left: 0,
|
||||
width: 0,
|
||||
});
|
||||
const selectRef = useRef(null);
|
||||
const dropdownRef = useRef(null);
|
||||
const searchInputRef = useRef(null);
|
||||
|
||||
// Filter options based on search term
|
||||
const filteredOptions = options?.filter(option =>
|
||||
const filteredOptions =
|
||||
options?.filter((option) =>
|
||||
option.label.toLowerCase().includes(searchTerm.toLowerCase())
|
||||
) || [];
|
||||
|
||||
// Calculate dropdown position
|
||||
const calculateDropdownPosition = useCallback(() => {
|
||||
if (!selectRef.current) return "down";
|
||||
if (!selectRef.current) return 'down';
|
||||
const rect = selectRef.current.getBoundingClientRect();
|
||||
const spaceBelow = window.innerHeight - rect.bottom;
|
||||
const spaceAbove = rect.top;
|
||||
return (spaceBelow < 200 && spaceAbove > spaceBelow) ? "up" : "down";
|
||||
return spaceBelow < 200 && spaceAbove > spaceBelow ? 'up' : 'down';
|
||||
}, []);
|
||||
|
||||
// Close dropdown on outside click or scroll
|
||||
useEffect(() => {
|
||||
if (!isOpen) return;
|
||||
|
||||
const handler = e => {
|
||||
const handler = (e) => {
|
||||
if (
|
||||
!dropdownRef.current?.contains(e.target) &&
|
||||
!selectRef.current?.contains(e.target)
|
||||
) {
|
||||
setIsOpen(false);
|
||||
// Reset search term when closing dropdown
|
||||
setSearchTerm("");
|
||||
setSearchTerm('');
|
||||
}
|
||||
};
|
||||
|
||||
const scrollHandler = e => {
|
||||
const scrollHandler = (e) => {
|
||||
if (
|
||||
dropdownRef.current &&
|
||||
!dropdownRef.current.contains(e.target) &&
|
||||
|
|
@ -55,16 +64,16 @@ const CellSelect = memo(({
|
|||
!selectRef.current.contains(e.target)
|
||||
) {
|
||||
setIsOpen(false);
|
||||
setSearchTerm("");
|
||||
setSearchTerm('');
|
||||
}
|
||||
};
|
||||
|
||||
document.addEventListener("mousedown", handler);
|
||||
window.addEventListener("scroll", scrollHandler, true);
|
||||
document.addEventListener('mousedown', handler);
|
||||
window.addEventListener('scroll', scrollHandler, true);
|
||||
|
||||
return () => {
|
||||
document.removeEventListener("mousedown", handler);
|
||||
window.removeEventListener("scroll", scrollHandler, true);
|
||||
document.removeEventListener('mousedown', handler);
|
||||
window.removeEventListener('scroll', scrollHandler, true);
|
||||
};
|
||||
}, [isOpen]);
|
||||
|
||||
|
|
@ -75,45 +84,61 @@ const CellSelect = memo(({
|
|||
}
|
||||
}, [isOpen]);
|
||||
|
||||
// Update dropdown direction
|
||||
// Update dropdown direction and position
|
||||
useEffect(() => {
|
||||
if (isOpen) setDropdownDirection(calculateDropdownPosition());
|
||||
}, [isOpen, calculateDropdownPosition]);
|
||||
if (isOpen && selectRef.current) {
|
||||
const rect = selectRef.current.getBoundingClientRect();
|
||||
const spaceBelow = window.innerHeight - rect.bottom;
|
||||
const spaceAbove = rect.top;
|
||||
const direction =
|
||||
spaceBelow < 200 && spaceAbove > spaceBelow ? 'up' : 'down';
|
||||
|
||||
setDropdownDirection(direction);
|
||||
setDropdownPosition({
|
||||
top: direction === 'up' ? rect.top : rect.bottom,
|
||||
left: rect.left,
|
||||
width: rect.width,
|
||||
});
|
||||
}
|
||||
}, [isOpen]);
|
||||
|
||||
// Keyboard navigation
|
||||
const handleKeyDown = e => {
|
||||
if (!isOpen && ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(e.key)) {
|
||||
const handleKeyDown = (e) => {
|
||||
if (
|
||||
!isOpen &&
|
||||
['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(e.key)
|
||||
) {
|
||||
e.preventDefault();
|
||||
onKeyDown(e);
|
||||
return;
|
||||
}
|
||||
|
||||
if (isOpen && ["ArrowLeft", "ArrowRight"].includes(e.key)) {
|
||||
if (isOpen && ['ArrowLeft', 'ArrowRight'].includes(e.key)) {
|
||||
e.preventDefault();
|
||||
return;
|
||||
}
|
||||
|
||||
if (e.key === "Enter") {
|
||||
if (e.key === 'Enter') {
|
||||
e.preventDefault();
|
||||
if (isOpen && filteredOptions.length > 0) {
|
||||
// Select the first option when pressing Enter
|
||||
handleSelectChange(filteredOptions[0].value);
|
||||
} else {
|
||||
setIsOpen(v => !v);
|
||||
setIsOpen((v) => !v);
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
if (e.key === "Escape") {
|
||||
if (e.key === 'Escape') {
|
||||
e.preventDefault();
|
||||
setIsOpen(false);
|
||||
setSearchTerm("");
|
||||
setSearchTerm('');
|
||||
return;
|
||||
}
|
||||
|
||||
// Allow typing to search when dropdown is open
|
||||
if (isOpen && e.key.length === 1 && !e.ctrlKey && !e.metaKey) {
|
||||
setSearchTerm(prev => prev + e.key);
|
||||
setSearchTerm((prev) => prev + e.key);
|
||||
e.preventDefault();
|
||||
return;
|
||||
}
|
||||
|
|
@ -121,46 +146,46 @@ const CellSelect = memo(({
|
|||
onKeyDown(e);
|
||||
};
|
||||
|
||||
const handleSelectChange = v => {
|
||||
const handleSelectChange = (v) => {
|
||||
onChange({ target: { value: v } });
|
||||
setIsOpen(false);
|
||||
setSearchTerm(""); // Clear search term after selection
|
||||
setSearchTerm(''); // Clear search term after selection
|
||||
};
|
||||
|
||||
const handleSearchChange = e => {
|
||||
const handleSearchChange = (e) => {
|
||||
setSearchTerm(e.target.value);
|
||||
};
|
||||
|
||||
const clearSearch = () => {
|
||||
setSearchTerm("");
|
||||
setSearchTerm('');
|
||||
if (searchInputRef.current) {
|
||||
searchInputRef.current.focus();
|
||||
}
|
||||
};
|
||||
|
||||
const selectedOption = options?.find(opt => opt.value === value);
|
||||
const selectedOption = options?.find((opt) => opt.value === value);
|
||||
const displayValue = selectedOption ? selectedOption.label : placeholder;
|
||||
|
||||
return (
|
||||
<div className="custom-select-container" ref={selectRef}>
|
||||
<div
|
||||
className={`custom-select-trigger${hasError ? " error" : ""}${isOpen ? " open" : ""}`}
|
||||
onClick={e => {
|
||||
setIsOpen(v => !v);
|
||||
className={`custom-select-trigger${hasError ? ' error' : ''}${isOpen ? ' open' : ''}`}
|
||||
onClick={(e) => {
|
||||
setIsOpen((v) => !v);
|
||||
onClick?.(e);
|
||||
}}
|
||||
onKeyDown={handleKeyDown}
|
||||
data-cell={dataCell}
|
||||
tabIndex={0}
|
||||
>
|
||||
<span className={!value ? "placeholder-text" : ""}>
|
||||
<span className={!value ? 'placeholder-text' : ''}>
|
||||
{isOpen ? (
|
||||
<input
|
||||
ref={searchInputRef}
|
||||
className="search-input"
|
||||
value={searchTerm}
|
||||
onChange={handleSearchChange}
|
||||
onClick={e => e.stopPropagation()}
|
||||
onClick={(e) => e.stopPropagation()}
|
||||
placeholder={selectedOption?.label || placeholder}
|
||||
/>
|
||||
) : (
|
||||
|
|
@ -171,22 +196,37 @@ const CellSelect = memo(({
|
|||
{isOpen ? <IoIosArrowUp /> : <IoIosArrowDown />}
|
||||
</span>
|
||||
</div>
|
||||
{isOpen && (
|
||||
{isOpen &&
|
||||
createPortal(
|
||||
<div
|
||||
className={`custom-select-dropdown ${dropdownDirection}`}
|
||||
ref={dropdownRef}
|
||||
style={dropdownDirection === "up" ? { bottom: "100%", top: "auto" } : {}}
|
||||
style={{
|
||||
position: 'fixed',
|
||||
top:
|
||||
dropdownDirection === 'up'
|
||||
? 'auto'
|
||||
: `${dropdownPosition.top}px`,
|
||||
bottom:
|
||||
dropdownDirection === 'up'
|
||||
? `${window.innerHeight - dropdownPosition.top}px`
|
||||
: 'auto',
|
||||
left: `${dropdownPosition.left}px`,
|
||||
width: `${dropdownPosition.width}px`,
|
||||
zIndex: 99999,
|
||||
fontFamily:"Poppins"
|
||||
}}
|
||||
>
|
||||
<div className="dropdown-content">
|
||||
{filteredOptions.length === 0 ? (
|
||||
<div className="dropdown-option disabled">
|
||||
{searchTerm ? "No matches found" : "No data"}
|
||||
{searchTerm ? 'No matches found' : 'No data'}
|
||||
</div>
|
||||
) : (
|
||||
filteredOptions.map(option => (
|
||||
filteredOptions.map((option) => (
|
||||
<div
|
||||
key={option.value}
|
||||
className={`dropdown-option${value === option.value ? " selected" : ""}`}
|
||||
className={`dropdown-option${value === option.value ? ' selected' : ''}`}
|
||||
onClick={() => handleSelectChange(option.value)}
|
||||
>
|
||||
{option.label}
|
||||
|
|
@ -194,10 +234,12 @@ const CellSelect = memo(({
|
|||
))
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>,
|
||||
document.body
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
});
|
||||
}
|
||||
);
|
||||
|
||||
export default CellSelect;
|
||||
|
|
@ -31,7 +31,7 @@
|
|||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
border: 1px solid #909090;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
|
||||
> thead {
|
||||
position: sticky;
|
||||
|
|
@ -71,7 +71,6 @@
|
|||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
|
||||
.custom-table tbody tr td {
|
||||
text-align: left;
|
||||
|
||||
|
|
@ -80,7 +79,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.custom-table tbody tr td[colspan='7'] {
|
||||
.custom-table tbody tr td[colspan="7"] {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
|
|
@ -124,8 +123,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.custom-table {
|
||||
Button:disabled,
|
||||
Button[disabled] {
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
.body {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
|
||||
.BSBilling3div {
|
||||
|
|
@ -46,7 +46,7 @@
|
|||
// }
|
||||
.BSBill-Table3-content {
|
||||
background-color: rgba(235, 235, 236, 1);
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
|
|
@ -213,7 +213,7 @@
|
|||
}
|
||||
|
||||
.Table3-rate {
|
||||
font-family: 'Gilroy-SemiBold';
|
||||
font-family: "Gilroy-SemiBold";
|
||||
font-size: 30px;
|
||||
font-weight: 600;
|
||||
line-height: 50px;
|
||||
|
|
@ -229,7 +229,7 @@
|
|||
.BSBill3-items {
|
||||
color: var(--SELECTED_COLOR);
|
||||
text-align: right;
|
||||
font-family: 'Gilroy-SemiBold';
|
||||
font-family: "Gilroy-SemiBold";
|
||||
font-size: 20px;
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
|
|
@ -290,7 +290,7 @@
|
|||
.Table3-items {
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
font-family: 'Gilroy-Medium';
|
||||
font-family: "Gilroy-Medium";
|
||||
align-items: right;
|
||||
text-align: left;
|
||||
font-weight: 600;
|
||||
|
|
@ -299,7 +299,7 @@
|
|||
|
||||
.Table3-item-price {
|
||||
text-align: center;
|
||||
font-family: 'Gilroy-Medium';
|
||||
font-family: "Gilroy-Medium";
|
||||
font-size: 14px;
|
||||
text-align: right;
|
||||
padding-right: 8px;
|
||||
|
|
@ -308,7 +308,7 @@
|
|||
|
||||
.BSBill-item-extraprice {
|
||||
color: var(--SELECTED_COLOR);
|
||||
font-family: 'Gilroy-SemiBold';
|
||||
font-family: "Gilroy-SemiBold";
|
||||
font-size: 20px;
|
||||
font-style: normal;
|
||||
}
|
||||
|
|
@ -331,7 +331,7 @@
|
|||
text-align: right;
|
||||
font-weight: 600;
|
||||
font-size: 18px;
|
||||
font-family: 'Poppins';
|
||||
font-family: "Poppins";
|
||||
}
|
||||
|
||||
// .table3body {
|
||||
|
|
@ -354,12 +354,8 @@
|
|||
justify-content: space-between;
|
||||
overflow: auto;
|
||||
width: inherit;
|
||||
// height: 86vh;
|
||||
height: 85vh;
|
||||
// height: clamp(75vh, 50vh, 30vh);
|
||||
//nk
|
||||
// height: 93vh;
|
||||
//
|
||||
scrollbar-width: none;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
|
|
@ -371,6 +367,7 @@
|
|||
overflow-y: auto;
|
||||
height: 100vh;
|
||||
background-color: #fff;
|
||||
scrollbar-width: none;
|
||||
}
|
||||
|
||||
.Cust-tag {
|
||||
|
|
@ -552,7 +549,7 @@
|
|||
.BSBill-Table3-content-Disabled {
|
||||
pointer-events: none;
|
||||
background-color: rgb(243, 248, 213);
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
|
|
@ -704,7 +701,7 @@
|
|||
text-align: center;
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
font-family: 'Gilroy';
|
||||
font-family: "Gilroy";
|
||||
padding: 0rem 1rem;
|
||||
display: inline-block;
|
||||
padding: 2px;
|
||||
|
|
@ -725,7 +722,7 @@
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
max-height: 150px;
|
||||
font-family: 'Gilroy';
|
||||
font-family: "Gilroy";
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
|
|
@ -956,7 +953,7 @@
|
|||
.CustMob-Name {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: 'row';
|
||||
flex-direction: "row";
|
||||
column-gap: 2rem;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -51,17 +51,14 @@
|
|||
|
||||
.CategoryHorizontal-scroll-container {
|
||||
overflow-y: scroll;
|
||||
/* Add a vertical scrollbar when content overflows */
|
||||
max-height: 300px;
|
||||
/* Set a maximum height for the container */
|
||||
|
||||
scrollbar-width: none;
|
||||
display: flex;
|
||||
// flex-direction: row;
|
||||
column-gap: 0.5rem;
|
||||
}
|
||||
|
||||
.CategoryHorizontal-label {
|
||||
font-family: 'Gilroy';
|
||||
font-family: "Gilroy";
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
|
@ -176,7 +173,7 @@
|
|||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 16px;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-weight: 400;
|
||||
|
||||
.CategoryHorizontal-sub-samplecard {
|
||||
|
|
@ -321,12 +318,12 @@
|
|||
|
||||
.CategoryHorizontalNew {
|
||||
padding: 1.5rem;
|
||||
font-family: 'Inter', sans-serif;
|
||||
font-family: "Inter", sans-serif;
|
||||
}
|
||||
|
||||
.CategoryHorizontalNew {
|
||||
padding: 10px 10px;
|
||||
font-family: 'Inter', sans-serif;
|
||||
font-family: "Inter", sans-serif;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
|
|
@ -401,7 +398,7 @@
|
|||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
transition: all 0.2s ease;
|
||||
font-family: 'Poppins';
|
||||
font-family: "Poppins";
|
||||
text-align: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -422,7 +419,7 @@
|
|||
line-height: 1.25rem;
|
||||
color: #4b5563;
|
||||
// font-family: "Inter", sans-serif !important;
|
||||
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
|
||||
font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
|
||||
|
||||
// -webkit-text-stroke-width: 0.2px;
|
||||
width: max-content;
|
||||
|
|
@ -531,7 +528,7 @@
|
|||
font-size: 15px;
|
||||
line-height: 1.25rem;
|
||||
color: #4b5563;
|
||||
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
|
||||
font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
|
||||
width: max-content;
|
||||
// min-width: 150px;
|
||||
border-radius: 4px;
|
||||
|
|
|
|||
|
|
@ -12,7 +12,6 @@
|
|||
.CategoryVertical-master-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
// flex-wrap: wrap;
|
||||
column-gap: 0.7rem;
|
||||
row-gap: 0.7rem;
|
||||
width: max-content;
|
||||
|
|
@ -45,16 +44,14 @@
|
|||
.CategoryVertical-btn-option2 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
// padding: 0vw 2vh;
|
||||
width: max-content !important;
|
||||
// background-color: #ffffff;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
.CategoryVertical-label {
|
||||
display: flex;
|
||||
width: max-content !important;
|
||||
font-family: 'Gilroy';
|
||||
font-family: "Gilroy";
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
|
|
@ -62,7 +59,6 @@
|
|||
|
||||
.CategoryVertical-scroll-container {
|
||||
overflow-y: auto;
|
||||
// max-height: 300px;
|
||||
scrollbar-width: thin;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
@ -76,16 +72,11 @@
|
|||
border: 1px solid #666;
|
||||
}
|
||||
|
||||
/* Style the scroll-down button */
|
||||
|
||||
::-webkit-scrollbar-button:end {
|
||||
background-color: #333;
|
||||
border: 1px solid #666;
|
||||
}
|
||||
|
||||
// ::-webkit-scrollbar {
|
||||
// display: none;
|
||||
// }
|
||||
.CategoryVertical-icon {
|
||||
border: none;
|
||||
font-size: 15px;
|
||||
|
|
@ -100,15 +91,13 @@
|
|||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 8rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.CategoryVertical-btn-option2 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
// padding: 10px 10px;
|
||||
width: max-content !important;
|
||||
// border-radius: 5px;
|
||||
// background-color: #dbfbe1;
|
||||
}
|
||||
|
||||
.CategoryVertical-input-style {
|
||||
|
|
@ -148,18 +137,13 @@
|
|||
}
|
||||
|
||||
.CategoryVertical-sampleCard {
|
||||
/* Your existing styles for sampleCard */
|
||||
padding: 2px 3px;
|
||||
/* ... */
|
||||
/* Add this to specify the border style */
|
||||
border: 1px solid transparent;
|
||||
cursor: pointer;
|
||||
/* Optional: add a pointer cursor to indicate clickability */
|
||||
}
|
||||
|
||||
.CategoryVertical-sampleCard-border {
|
||||
border-color: black;
|
||||
/* Specify the border color you want */
|
||||
}
|
||||
|
||||
@media (min-width: 280px) and (max-width: 499px) {
|
||||
|
|
@ -179,7 +163,6 @@
|
|||
position: sticky;
|
||||
margin: 0;
|
||||
top: 0;
|
||||
// width: 20.7vw;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.CategoryVertical-scroll-container {
|
||||
|
|
@ -188,9 +171,6 @@
|
|||
.CategoryVertical-scroll-container {
|
||||
height: 75vh;
|
||||
}
|
||||
// .BSCategory5-Contentcont .CategoryVertical{
|
||||
// height: 98vh !important;
|
||||
// }
|
||||
}
|
||||
|
||||
.CategoryVertical-scroll-container .sampleCard {
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
.bs-item-card-masterdiv {
|
||||
padding: 0rem 0rem;
|
||||
overflow: auto;
|
||||
// height: 80vh;
|
||||
height: inherit;
|
||||
scrollbar-width: none;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
padding-bottom: 35rem !important;
|
||||
|
|
@ -51,10 +51,10 @@
|
|||
row-gap: 18px;
|
||||
justify-content: flex-start;
|
||||
margin-top: 2px;
|
||||
// padding: 0rem 0.5rem;
|
||||
padding-bottom: 20rem;
|
||||
overflow: scroll;
|
||||
height: 100%;
|
||||
scrollbar-width: none;
|
||||
}
|
||||
|
||||
.BSItemCard-container {
|
||||
|
|
@ -115,7 +115,7 @@
|
|||
color: #52c41a;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
font-family: 'Gilroy';
|
||||
font-family: "Gilroy";
|
||||
// nk
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
|
|
@ -598,7 +598,7 @@
|
|||
.qtyUomName {
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
font-family: 'Gilroy';
|
||||
font-family: "Gilroy";
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
|
@ -606,7 +606,7 @@
|
|||
.qtyUomName-itemCard {
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
font-family: 'Gilroy';
|
||||
font-family: "Gilroy";
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
|
|
@ -1013,7 +1013,7 @@
|
|||
flex-direction: column;
|
||||
gap: 0.5rem;
|
||||
padding: 1rem;
|
||||
font-family: 'Inter', sans-serif;
|
||||
font-family: "Inter", sans-serif;
|
||||
letter-spacing: -0.5px;
|
||||
|
||||
@media (max-width: 500px) {
|
||||
|
|
@ -1026,7 +1026,7 @@
|
|||
line-height: 1.25rem;
|
||||
font-weight: 500;
|
||||
color: #1f2937;
|
||||
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
|
||||
font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
|
||||
|
||||
@media (max-width: 500px) {
|
||||
font-size: 0.7rem;
|
||||
|
|
@ -1039,7 +1039,7 @@
|
|||
justify-content: space-between;
|
||||
width: 100%;
|
||||
font-weight: 500;
|
||||
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
|
||||
font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
|
||||
}
|
||||
|
||||
.card4Price {
|
||||
|
|
@ -1062,7 +1062,7 @@
|
|||
padding: 0.375rem 0.75rem;
|
||||
font-weight: 500;
|
||||
border-radius: 50px;
|
||||
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
|
||||
font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1142,7 +1142,7 @@
|
|||
transition:
|
||||
background-color 0.2s ease,
|
||||
color 0.2s ease;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
|
||||
&:hover {
|
||||
background-color: #dce7ff;
|
||||
|
|
@ -1223,7 +1223,7 @@
|
|||
row-gap: 0.5rem;
|
||||
// position: fixed;
|
||||
// bottom: 10px;
|
||||
font-family: 'Poppins';
|
||||
font-family: "Poppins";
|
||||
font-size: 14px;
|
||||
color: #000;
|
||||
font-weight: 400;
|
||||
|
|
@ -1286,7 +1286,7 @@
|
|||
color: #fff;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
font-family: 'Poppins';
|
||||
font-family: "Poppins";
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
|
|
@ -1327,7 +1327,7 @@
|
|||
background-color: #4caf50;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
font-family: 'Poppins';
|
||||
font-family: "Poppins";
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
|
@ -1341,7 +1341,7 @@
|
|||
}
|
||||
|
||||
.blukSlotTbody {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
|
@ -1431,7 +1431,7 @@
|
|||
|
||||
.slot-price {
|
||||
font-weight: 500;
|
||||
font-family: 'Poppins';
|
||||
font-family: "Poppins";
|
||||
font-size: 0.8rem;
|
||||
|
||||
> div:nth-child(1) {
|
||||
|
|
@ -1481,7 +1481,7 @@
|
|||
.bookingModalBulk {
|
||||
min-width: max-content !important;
|
||||
max-width: 90vw !important;
|
||||
font-family: 'Poppins' !important;
|
||||
font-family: "Poppins" !important;
|
||||
|
||||
.ant-modal-content {
|
||||
padding: 24px !important;
|
||||
|
|
@ -1510,7 +1510,7 @@
|
|||
width: max-content;
|
||||
height: max-content;
|
||||
padding: 9px 16px;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
border-radius: 6px;
|
||||
|
|
@ -1534,7 +1534,7 @@
|
|||
align-items: center;
|
||||
display: flex;
|
||||
font-size: 18px;
|
||||
font-family: 'Poppins';
|
||||
font-family: "Poppins";
|
||||
font-weight: 500;
|
||||
|
||||
.CiShopIcon {
|
||||
|
|
@ -1549,7 +1549,7 @@
|
|||
}
|
||||
|
||||
p {
|
||||
font-family: 'Poppins';
|
||||
font-family: "Poppins";
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
|
@ -1589,7 +1589,7 @@
|
|||
cursor: pointer;
|
||||
transition: all 0.2s ease;
|
||||
min-width: 90px;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
|
||||
&:hover {
|
||||
background: rgba(13, 110, 253, 0.1);
|
||||
|
|
@ -1670,7 +1670,7 @@
|
|||
color: #495057;
|
||||
min-width: 120px;
|
||||
text-align: center;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
width: 100%;
|
||||
transition: all 0.3s;
|
||||
scrollbar-width: thin;
|
||||
|
|
@ -1923,7 +1923,7 @@
|
|||
|
||||
.booked-details-container {
|
||||
padding: 8px;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
|
||||
.booked-details-title {
|
||||
font-size: 24px;
|
||||
|
|
@ -2054,7 +2054,7 @@
|
|||
font-weight: 400;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
min-width: 70px;
|
||||
|
||||
&:disabled {
|
||||
|
|
@ -2104,7 +2104,7 @@
|
|||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
min-width: 120px;
|
||||
box-shadow: 0 2px 4px rgba(55, 147, 245, 0.3);
|
||||
|
||||
|
|
@ -2130,7 +2130,7 @@
|
|||
|
||||
.all-bookings-container {
|
||||
padding: 8px;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
|
||||
.all-bookings-title {
|
||||
font-size: 22px;
|
||||
|
|
@ -2218,7 +2218,7 @@
|
|||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
min-width: 60px;
|
||||
|
||||
&:disabled {
|
||||
|
|
@ -2268,7 +2268,7 @@
|
|||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
cursor: pointer;
|
||||
|
|
@ -2282,7 +2282,7 @@
|
|||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
width: 11rem;
|
||||
|
|
@ -2299,7 +2299,7 @@
|
|||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
width: 9rem;
|
||||
|
|
@ -2315,7 +2315,7 @@
|
|||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
cursor: pointer;
|
||||
|
|
@ -2331,7 +2331,7 @@
|
|||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
cursor: pointer;
|
||||
|
|
@ -2346,3 +2346,52 @@
|
|||
position: relative;
|
||||
border: 2px solid rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
.SubCategoryVertical-master-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
// flex-wrap: wrap;
|
||||
column-gap: 0.7rem;
|
||||
row-gap: 0.7rem;
|
||||
width: max-content;
|
||||
|
|
@ -44,16 +43,14 @@
|
|||
.SubCategoryVertical-btn-option2 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
// padding: 0vw 2vh;
|
||||
width: max-content !important;
|
||||
// background-color: #ffffff;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
.SubCategoryVertical-label {
|
||||
display: flex;
|
||||
width: max-content !important;
|
||||
font-family: 'Gilroy';
|
||||
font-family: "Gilroy";
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
|
|
@ -62,13 +59,9 @@
|
|||
.SubCategoryVertical-scroll-container {
|
||||
height: clamp(61vh, 10vw, 98vh);
|
||||
width: 100%;
|
||||
// max-height: 300px;
|
||||
scrollbar-width: none;
|
||||
// height:max(100vh, 980px ) ;
|
||||
// overflow: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
// row-gap: 0.5rem;
|
||||
row-gap: 1rem;
|
||||
overflow: scroll;
|
||||
padding-bottom: 15rem;
|
||||
|
|
@ -79,16 +72,11 @@
|
|||
border: 1px solid #666;
|
||||
}
|
||||
|
||||
/* Style the scroll-down button */
|
||||
::-webkit-scrollbar-button:end {
|
||||
background-color: #333;
|
||||
border: 1px solid #666;
|
||||
}
|
||||
|
||||
// ::-webkit-scrollbar {
|
||||
// display: none;
|
||||
// }
|
||||
|
||||
.SubCategoryVertical-icon {
|
||||
border: none;
|
||||
font-size: 15px;
|
||||
|
|
@ -108,10 +96,7 @@
|
|||
.SubCategoryVertical-btn-option2 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
// padding: 10px 10px;
|
||||
width: max-content !important;
|
||||
// border-radius: 5px;
|
||||
// background-color: #dbfbe1;
|
||||
}
|
||||
|
||||
.SubCategoryVertical-input-style {
|
||||
|
|
@ -149,19 +134,14 @@
|
|||
}
|
||||
|
||||
.SubCategoryVertical-sampleCard {
|
||||
/* Your existing styles for sampleCard */
|
||||
padding: 2px 3px;
|
||||
/* ... */
|
||||
|
||||
/* Add this to specify the border style */
|
||||
border: 1px solid transparent;
|
||||
cursor: pointer;
|
||||
/* Optional: add a pointer cursor to indicate clickability */
|
||||
}
|
||||
|
||||
.SubCategoryVertical-sampleCard-border {
|
||||
border-color: black;
|
||||
/* Specify the border color you want */
|
||||
}
|
||||
|
||||
@media (min-width: 500px) and (max-width: 767px) {
|
||||
|
|
@ -176,7 +156,6 @@
|
|||
margin: 0;
|
||||
top: 0;
|
||||
width: clamp(280px, 45vw, px);
|
||||
// margin-left: 7px;
|
||||
}
|
||||
|
||||
.SubCategoryVertical-scroll-container {
|
||||
|
|
@ -190,5 +169,4 @@
|
|||
|
||||
.SubCategoryVertical-sampleCard-border {
|
||||
border-color: black;
|
||||
/* Specify the border color you want */
|
||||
}
|
||||
|
|
|
|||
|
|
@ -22,9 +22,6 @@
|
|||
}
|
||||
.layout1-card-content {
|
||||
height: 100% !important;
|
||||
//nk
|
||||
// height: 85vh !important;
|
||||
//
|
||||
}
|
||||
|
||||
.BSLayout1-NavBar {
|
||||
|
|
@ -42,9 +39,6 @@ body {
|
|||
position: relative;
|
||||
top: 2rem;
|
||||
height: 99vh;
|
||||
//nk
|
||||
// height: 94vh;
|
||||
//
|
||||
}
|
||||
|
||||
.BSBillingTable-oCbtn {
|
||||
|
|
@ -60,17 +54,12 @@ body {
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0rem 0rem;
|
||||
//nk
|
||||
//padding: 1rem 0.3rem;
|
||||
//
|
||||
// width: 100vw;
|
||||
}
|
||||
|
||||
.BSCategory1-Cardcont {
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
height: 85vh;
|
||||
// column-gap: 1rem;
|
||||
}
|
||||
|
||||
.BSLayout1-ContentDiv {
|
||||
|
|
@ -79,14 +68,10 @@ body {
|
|||
width: 100%;
|
||||
justify-content: space-between;
|
||||
overflow: hidden;
|
||||
// background-color:#dbd8d8
|
||||
}
|
||||
|
||||
.BSCategory1-tablecont {
|
||||
width: 430px;
|
||||
// height: min(100vh, 66vh);
|
||||
// height: min(100vh, 93vh);
|
||||
// height: calc(36.1em + 1.5vw);
|
||||
height: clamp(100vh, 51rem, 45vh);
|
||||
margin: 0.5rem 0.3rem 1rem 0.3rem;
|
||||
background-color: #fff;
|
||||
|
|
@ -95,8 +80,6 @@ body {
|
|||
.Layout-bill-container {
|
||||
width: 100vw;
|
||||
height: 30px;
|
||||
// background-color: lightblue; //srinath made changes By Sridhar Anna
|
||||
// margin-top: 9px;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
|
|
@ -121,29 +104,11 @@ body {
|
|||
overflow: auto;
|
||||
}
|
||||
|
||||
// .layout1-card-content{
|
||||
// flex-grow: 1;
|
||||
// height: 66vh !important;
|
||||
// }
|
||||
|
||||
//nk
|
||||
|
||||
.layout1-card-content {
|
||||
flex-grow: 1;
|
||||
height: 100% !important;
|
||||
//nk
|
||||
//height: 57vh !important;
|
||||
//
|
||||
}
|
||||
|
||||
//nk
|
||||
// .BSLayout1-Master .bs-item-card-masterdiv {
|
||||
// height: 50vh !important;
|
||||
// }
|
||||
|
||||
//
|
||||
|
||||
//
|
||||
.BSCategory1-tablecont {
|
||||
width: 0px;
|
||||
justify-content: flex-end !important;
|
||||
|
|
@ -160,22 +125,10 @@ body {
|
|||
display: none;
|
||||
}
|
||||
|
||||
//nk
|
||||
.Layout-bill-Subcontainer {
|
||||
font-size: 10px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.pricing-name-details {
|
||||
font-size: 10px !important;
|
||||
}
|
||||
|
||||
.Layout-bill-container {
|
||||
height: max-content !important;
|
||||
padding: 4px 0;
|
||||
}
|
||||
|
||||
//
|
||||
}
|
||||
|
||||
@media (min-width: 500px) and (max-width: 767px) {
|
||||
|
|
@ -183,18 +136,8 @@ body {
|
|||
height: 74vh !important;
|
||||
}
|
||||
|
||||
//nk
|
||||
// .BSLayout1-Master .bs-item-card-masterdiv {
|
||||
// height: 55vh !important;
|
||||
// }
|
||||
|
||||
//
|
||||
|
||||
.layout1-card-content {
|
||||
height: 100% !important;
|
||||
//nk
|
||||
// height: 65vh !important;
|
||||
//
|
||||
}
|
||||
|
||||
.BSCategory1-tablecont {
|
||||
|
|
@ -204,16 +147,7 @@ body {
|
|||
justify-content: space-between !important;
|
||||
position: fixed !important;
|
||||
align-items: center !important;
|
||||
// bottom: 0px;
|
||||
// background:rgb(255, 255, 255) !important;
|
||||
}
|
||||
|
||||
//nk
|
||||
.Layout-bill-Subcontainer {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
//
|
||||
}
|
||||
|
||||
@media (width: 1280px) and (max-height: 1024px) {
|
||||
|
|
@ -230,8 +164,6 @@ body {
|
|||
.Layout-bill-container {
|
||||
width: 100vw;
|
||||
height: 30px;
|
||||
// background-color: lightblue; //srinath made changes By Sridhar Anna
|
||||
// margin-top: 9px;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
|
|
@ -243,6 +175,11 @@ body {
|
|||
font-weight: 600;
|
||||
align-items: center;
|
||||
gap: 2px;
|
||||
|
||||
@media (max-width: 500px) {
|
||||
font-size: 10px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
}
|
||||
|
||||
.L .example {
|
||||
|
|
@ -255,37 +192,26 @@ body {
|
|||
|
||||
.L {
|
||||
height: 32px;
|
||||
/* Set the height of the navbar to 30px */
|
||||
margin-top: 0px;
|
||||
/* Remove margin for the navbar */
|
||||
}
|
||||
|
||||
.custom-search .ant-input-affix-wrapper {
|
||||
height: 30px !important;
|
||||
/* Match the height of the navbar */
|
||||
padding: 0;
|
||||
/* Remove any padding */
|
||||
display: flex;
|
||||
/* Use flexbox to align items */
|
||||
align-items: center;
|
||||
/* Vertically center the input */
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.custom-search .ant-input {
|
||||
height: 28px !important;
|
||||
/* Slightly less than 30px to fit within the wrapper */
|
||||
font-size: 10px;
|
||||
/* Adjust font size as needed */
|
||||
line-height: 28px;
|
||||
/* Align text vertically */
|
||||
padding: 0 8px;
|
||||
/* Adjust padding to fit the input field */
|
||||
}
|
||||
|
||||
.custom-search .ant-input-suffix {
|
||||
height: 28px;
|
||||
/* Ensure the clear icon fits */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
|
@ -295,7 +221,7 @@ body {
|
|||
}
|
||||
|
||||
.pricing-name-details {
|
||||
font-family: 'Poppins';
|
||||
font-family: "Poppins";
|
||||
font-size: 12px;
|
||||
background: var(--SELECTED_COLOR);
|
||||
padding: 3px 5px;
|
||||
|
|
@ -304,6 +230,9 @@ body {
|
|||
white-space: nowrap;
|
||||
margin-left: 8rem;
|
||||
font-weight: 400;
|
||||
@media (max-width: 500px) {
|
||||
font-size: 10px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes shake {
|
||||
|
|
@ -338,7 +267,7 @@ body {
|
|||
border-radius: 4px 4px;
|
||||
color: white;
|
||||
font-size: 12px;
|
||||
font-family: 'POPPINS';
|
||||
font-family: "POPPINS";
|
||||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
z-index: 3;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
// box-shadow: var(--BOX_SHADOW_LEVEL2); //srinth made changes By Sridhar Anna
|
||||
}
|
||||
|
||||
.BSCategory2-subcat {
|
||||
|
|
@ -69,7 +68,6 @@ body {
|
|||
|
||||
@media (max-width: 768px) {
|
||||
width: 100%;
|
||||
// height: 70%;
|
||||
height: 86%;
|
||||
}
|
||||
}
|
||||
|
|
@ -78,7 +76,7 @@ body {
|
|||
overflow: auto;
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
// height: min(85vh, 720px);
|
||||
scrollbar-width: none;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
flex: 1;
|
||||
|
|
@ -89,9 +87,6 @@ body {
|
|||
.BsLayout2-ContentDiv {
|
||||
display: flex;
|
||||
height: 89vh;
|
||||
//nk
|
||||
// height: 95vh;
|
||||
//
|
||||
overflow: hidden;
|
||||
justify-content: space-between;
|
||||
background-color: #f1f5f9;
|
||||
|
|
@ -112,11 +107,8 @@ body {
|
|||
|
||||
.BSCategory2-tablecont {
|
||||
width: 425px;
|
||||
// height: calc(34.1em + 1.5vw);
|
||||
margin: 0.2rem 0.5rem;
|
||||
// height: clamp(72vh, 71rem, 50vh);
|
||||
background-color: #fff;
|
||||
//vm
|
||||
border-radius: 12px;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
|
|
@ -144,30 +136,16 @@ body {
|
|||
display: none;
|
||||
}
|
||||
|
||||
//nk
|
||||
.BSLayout2-Master .bs-item-card-masterdiv {
|
||||
height: 82%;
|
||||
}
|
||||
|
||||
//
|
||||
|
||||
// .BsLayout2-ContentDiv {
|
||||
// height: 73vh;
|
||||
// }
|
||||
// Naresh
|
||||
.BsLayout2-ContentDiv {
|
||||
//nk
|
||||
// height: 71vh;
|
||||
//
|
||||
height: 65vh;
|
||||
}
|
||||
|
||||
//
|
||||
.BSCategory2-tablecont {
|
||||
// width:300px!important;
|
||||
width: 0px;
|
||||
// justify-content: flex-end !important;
|
||||
// height: 104px;
|
||||
display: flex !important;
|
||||
position: fixed !important;
|
||||
align-items: center !important;
|
||||
|
|
@ -175,12 +153,9 @@ body {
|
|||
left: -4px;
|
||||
}
|
||||
|
||||
//nk
|
||||
.BSLayout2-Master .BSCategory2-Cardcont {
|
||||
height: 44vh !important;
|
||||
}
|
||||
|
||||
//
|
||||
}
|
||||
|
||||
@media (min-width: 500px) and (max-width: 767px) {
|
||||
|
|
@ -188,27 +163,14 @@ body {
|
|||
height: 0 !important;
|
||||
}
|
||||
|
||||
// .BSCategory2-Cardcont {
|
||||
// height: 74vh !important;
|
||||
// }
|
||||
|
||||
//Naresh
|
||||
//nk
|
||||
.BSLayout2-Master .bs-item-card-masterdiv {
|
||||
height: 70%;
|
||||
}
|
||||
|
||||
//
|
||||
|
||||
.BSCategory2-Cardcont {
|
||||
height: 52vh !important;
|
||||
//nk
|
||||
// height: 65.5vh !important;
|
||||
//
|
||||
}
|
||||
|
||||
//
|
||||
//nk
|
||||
.BSLayout2-Master .BsTable2-Master {
|
||||
height: 0vh !important;
|
||||
}
|
||||
|
|
@ -228,10 +190,6 @@ body {
|
|||
}
|
||||
|
||||
@media (width: 1280px) and (max-height: 1024px) {
|
||||
// .BSLayout1-ContentDiv {
|
||||
|
||||
// height: clamp(99.5vh, 80rem, 99vh) !important;
|
||||
// }
|
||||
.BSCategory2-tablecont {
|
||||
height: clamp(79.5vh, 80rem, 76vh) !important;
|
||||
}
|
||||
|
|
@ -239,32 +197,26 @@ body {
|
|||
|
||||
//nk
|
||||
.BSLayout2-Master .BSBTOverall1-Default {
|
||||
// height: 84vh;
|
||||
height: 81vh;
|
||||
}
|
||||
|
||||
.BSLayout2-Master .BsTable2-Master {
|
||||
// height: 83vh;
|
||||
height: 81vh;
|
||||
}
|
||||
|
||||
.BSLayout2-Master .BSTable3_overall {
|
||||
// height: 84vh;
|
||||
height: 81vh;
|
||||
}
|
||||
|
||||
.BSLayout2-Master .BSBilling4TableCont-default {
|
||||
// height: 84vh;
|
||||
height: 81vh;
|
||||
}
|
||||
|
||||
.BSLayout2-Master .BSBillingTable5-table-master-div {
|
||||
// height: 85vh;
|
||||
height: 81vh;
|
||||
}
|
||||
|
||||
.BSLayout2-Master .BSBTOverall6-defaultscreen {
|
||||
// height: 84vh;
|
||||
height: 81vh;
|
||||
}
|
||||
|
||||
|
|
@ -286,11 +238,10 @@ body {
|
|||
flex-direction: row;
|
||||
gap: 1.2rem;
|
||||
justify-content: space-between;
|
||||
// justify-content: space-between;
|
||||
width: 100%;
|
||||
padding: 0.75rem 1.5rem;
|
||||
padding: 0.5rem 1.5rem;
|
||||
background-color: #1e2536;
|
||||
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
|
||||
font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
|
||||
.price-change-btn {
|
||||
color: #fff !important;
|
||||
filter: invert(2);
|
||||
|
|
@ -338,12 +289,6 @@ body {
|
|||
}
|
||||
}
|
||||
|
||||
// .NetAmountIcons {
|
||||
// display: flex;
|
||||
// flex-direction: row;
|
||||
// gap: 0.5rem;
|
||||
// color: #eeeeee;
|
||||
// }
|
||||
.AdvanceYearly {
|
||||
background-color: #16a34a;
|
||||
padding: 0.2rem 0.75rem;
|
||||
|
|
@ -351,7 +296,7 @@ body {
|
|||
border-radius: 50px;
|
||||
font-weight: 400;
|
||||
color: #fff;
|
||||
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
|
||||
font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
|
||||
}
|
||||
|
||||
.SalesCountNew {
|
||||
|
|
@ -376,22 +321,9 @@ body {
|
|||
align-items: center;
|
||||
gap: 2px;
|
||||
font-size: 14px;
|
||||
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
|
||||
font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
// .NetAmountIcons {
|
||||
// svg {
|
||||
// font-size: 1.3rem;
|
||||
// padding:6px 4px;
|
||||
// cursor:pointer;
|
||||
// width: 28px;
|
||||
// height: 30px;
|
||||
// &:hover{
|
||||
// background-color: #fff3;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
}
|
||||
|
||||
.NetAmountNew {
|
||||
|
|
@ -399,14 +331,14 @@ body {
|
|||
align-items: center;
|
||||
gap: 5px;
|
||||
font-size: 14px;
|
||||
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
|
||||
font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.standardTooltipDineIN {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
|
||||
font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
|
||||
}
|
||||
|
||||
@media (max-width: 500px) {
|
||||
|
|
@ -425,13 +357,12 @@ body {
|
|||
}
|
||||
|
||||
.salesStoreName {
|
||||
// background-color: #2563eb;
|
||||
color: #000000;
|
||||
padding: 0.1rem 0.5rem;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
font-family: 'Poppins';
|
||||
font-family: "Poppins";
|
||||
margin: 3px 3px 1px 3px;
|
||||
|
||||
svg {
|
||||
|
|
@ -451,7 +382,7 @@ body {
|
|||
}
|
||||
|
||||
.price-change-btn {
|
||||
font-family: 'Poppins';
|
||||
font-family: "Poppins";
|
||||
text-wrap: nowrap;
|
||||
background-color: unset;
|
||||
color: #333333;
|
||||
|
|
@ -461,7 +392,6 @@ body {
|
|||
border: none;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
// box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
transition: all 0.2s ease;
|
||||
outline: none !important;
|
||||
margin-right: 5px;
|
||||
|
|
@ -474,7 +404,6 @@ body {
|
|||
|
||||
.price-change-btn:hover {
|
||||
background-color: #f9fafb;
|
||||
// box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
|
|
@ -484,7 +413,6 @@ body {
|
|||
}
|
||||
|
||||
.price-change-btn:focus {
|
||||
// box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
|
|
@ -502,3 +430,41 @@ body {
|
|||
border-spacing: 0 !important;
|
||||
}
|
||||
}
|
||||
.Layout-bill-Subcontainer {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: space-around;
|
||||
font-weight: 600;
|
||||
align-items: center;
|
||||
gap: 2px;
|
||||
|
||||
@media (max-width: 500px) {
|
||||
font-size: 10px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
}
|
||||
.pricing-name-details {
|
||||
font-family: "Poppins";
|
||||
font-size: 12px;
|
||||
background: var(--SELECTED_COLOR);
|
||||
padding: 3px 5px;
|
||||
border-radius: 5px;
|
||||
color: white;
|
||||
white-space: nowrap;
|
||||
margin-left: 8rem;
|
||||
font-weight: 400;
|
||||
@media (max-width: 500px) {
|
||||
font-size: 10px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.KeyshortCutNav3 {
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
padding: 0 0;
|
||||
border-radius: 4px;
|
||||
font-size: 14px;
|
||||
background-color: rgb(240, 240, 240);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -12,10 +12,6 @@
|
|||
height: 40px;
|
||||
}
|
||||
|
||||
// body{
|
||||
// background-color: #f3f3f3;
|
||||
// }
|
||||
|
||||
.BSLayout3 {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
|
|
@ -50,27 +46,18 @@
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100vw;
|
||||
// width: 100vw;
|
||||
}
|
||||
|
||||
.BSCategory3-Cardcont {
|
||||
overflow: auto;
|
||||
display: flex;
|
||||
height: 100%;
|
||||
//nk
|
||||
// height:74vh,
|
||||
//
|
||||
// height: 75vh;
|
||||
// height: clamp(80vh, 71rem, 50vh);
|
||||
}
|
||||
|
||||
.BsLayout3-ContentDiv {
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
height: 89vh;
|
||||
//nk
|
||||
// height: 94vh;
|
||||
//
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
|
|
@ -86,14 +73,6 @@
|
|||
height: 0vh !important;
|
||||
}
|
||||
|
||||
// .BSCategory3-Cardcont {
|
||||
// height: 66vh !important;
|
||||
// }
|
||||
//Naresh
|
||||
// .BSCategory3-Cardcont {
|
||||
// height: 48vh !important;
|
||||
// }
|
||||
//
|
||||
.BSLayout3-Master .bs-item-card-masterdiv {
|
||||
height: 68%;
|
||||
}
|
||||
|
|
@ -134,26 +113,13 @@
|
|||
.BSLayout3-Master .BsTable2-Master {
|
||||
height: 0vh !important;
|
||||
}
|
||||
|
||||
//
|
||||
}
|
||||
|
||||
@media (min-width: 500px) and (max-width: 767px) {
|
||||
|
||||
// .BSCategory3-Cardcont {
|
||||
// height: 60vh !important;
|
||||
// }
|
||||
.BSLayout3-Master .BSTable3_overall {
|
||||
height: 0px !important;
|
||||
}
|
||||
|
||||
//Naresh
|
||||
|
||||
// .BSCategory3-Cardcont {
|
||||
// height: 56vh !important;
|
||||
// }
|
||||
//
|
||||
//nk
|
||||
.BSLayout3-Master .BSBTOverall6-defaultscreen {
|
||||
height: 0 !important;
|
||||
}
|
||||
|
|
@ -162,8 +128,6 @@
|
|||
height: 70% !important;
|
||||
}
|
||||
|
||||
//Naresh
|
||||
|
||||
.BSLayout3-Master .BSCategory3-Cardcont {
|
||||
height: 80% !important;
|
||||
}
|
||||
|
|
@ -172,14 +136,11 @@
|
|||
bottom: 0;
|
||||
}
|
||||
|
||||
//
|
||||
|
||||
.BSLayout3-Master .BsTable2-Master {
|
||||
height: 0vh !important;
|
||||
}
|
||||
|
||||
.BSCategory3-tablecont {
|
||||
// width:800px!important;
|
||||
height: 60px;
|
||||
display: flex !important;
|
||||
justify-content: space-between !important;
|
||||
|
|
@ -198,38 +159,26 @@
|
|||
|
||||
//nk
|
||||
.BSLayout3-Master .BSBTOverall1-Default {
|
||||
// height: 84vh;
|
||||
//vm
|
||||
height: 79vh;
|
||||
}
|
||||
|
||||
.BSLayout3-Master .BsTable2-Master {
|
||||
// height: 84vh;
|
||||
//vm
|
||||
height: 79vh;
|
||||
}
|
||||
|
||||
.BSLayout3-Master .BSTable3_overall {
|
||||
// height: 84vh;
|
||||
//vm
|
||||
height: 79vh;
|
||||
}
|
||||
|
||||
.BSLayout3-Master .BSBilling4TableCont-default {
|
||||
// height: 84vh;
|
||||
//vm
|
||||
height: 79vh;
|
||||
}
|
||||
|
||||
.BSLayout3-Master .BSBillingTable5-table-master-div {
|
||||
// height: 84vh;
|
||||
//vm
|
||||
height: 79vh;
|
||||
}
|
||||
|
||||
.BSLayout3-Master .BSBTOverall6-defaultscreen {
|
||||
// height: 84vh;
|
||||
//vm
|
||||
height: 79vh;
|
||||
}
|
||||
|
||||
|
|
@ -347,20 +296,14 @@
|
|||
font-weight: 600;
|
||||
position: absolute;
|
||||
font-size: 12px;
|
||||
/* Starting position */
|
||||
-moz-transform: translateX(100%);
|
||||
-webkit-transform: translateX(100%);
|
||||
transform: translateX(100%);
|
||||
/* Apply animation to this element */
|
||||
-moz-animation: example2 20s linear infinite 0s;
|
||||
/* Set animation-delay to 0s */
|
||||
-webkit-animation: example2 20s linear infinite 0s;
|
||||
/* Set animation-delay to 0s */
|
||||
animation: example2 20s linear infinite 0s;
|
||||
/* Set animation-delay to 0s */
|
||||
}
|
||||
|
||||
/* Move it (define the animation) */
|
||||
@-moz-keyframes example2 {
|
||||
0% {
|
||||
-moz-transform: translateX(100%);
|
||||
|
|
@ -421,7 +364,6 @@
|
|||
Blink 0.5s 1s infinite;
|
||||
}
|
||||
|
||||
/* Move it (define the animation) */
|
||||
@-moz-keyframes example3 {
|
||||
0% {
|
||||
-moz-transform: translateX(100%);
|
||||
|
|
@ -461,7 +403,6 @@
|
|||
}
|
||||
|
||||
@keyframes Blink {
|
||||
|
||||
0%,
|
||||
50% {
|
||||
opacity: 1;
|
||||
|
|
@ -499,10 +440,36 @@
|
|||
.Expired {
|
||||
font-weight: 600;
|
||||
color: #ffffff;
|
||||
/* Red color, change it according to your design */
|
||||
}
|
||||
|
||||
.ExpiredMessage {
|
||||
color: #fff;
|
||||
/* Red color, change it according to your design */
|
||||
}
|
||||
|
||||
.Layout-bill-Subcontainer {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: space-around;
|
||||
font-weight: 600;
|
||||
align-items: center;
|
||||
gap: 2px;
|
||||
|
||||
@media (max-width: 500px) {
|
||||
font-size: 10px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
}
|
||||
.pricing-name-details {
|
||||
font-family: "Poppins";
|
||||
font-size: 12px;
|
||||
background: var(--SELECTED_COLOR);
|
||||
padding: 3px 5px;
|
||||
border-radius: 5px;
|
||||
color: white;
|
||||
white-space: nowrap;
|
||||
margin-left: 8rem;
|
||||
font-weight: 400;
|
||||
@media (max-width: 500px) {
|
||||
font-size: 10px !important;
|
||||
}
|
||||
}
|
||||
|
|
@ -10,20 +10,12 @@
|
|||
}
|
||||
|
||||
.Bslayout4_navbar {
|
||||
// width: 100%;
|
||||
// height: 50px;
|
||||
// background-color: black;
|
||||
// color: white;
|
||||
// position: sticky;
|
||||
// top: 0;
|
||||
// z-index: 10;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.Bslayout4_overall {
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
// height: max(93vh, 80px);
|
||||
height: 100vh;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
|
|
@ -31,19 +23,8 @@
|
|||
|
||||
.Bslayout4_card {
|
||||
display: flex;
|
||||
// overflow: hidden;
|
||||
overflow: scroll;
|
||||
height: 100%;
|
||||
//nk
|
||||
// background-color: #f3f3f3;
|
||||
//
|
||||
// height: max(93vh, 80px);
|
||||
// Naresh
|
||||
// height: max(73vh, 80px);
|
||||
//nk
|
||||
// height: 93vh;
|
||||
//
|
||||
//
|
||||
}
|
||||
|
||||
.BSlayout_subdiv {
|
||||
|
|
@ -111,12 +92,6 @@
|
|||
height: 79%;
|
||||
}
|
||||
|
||||
//
|
||||
// .BSTable3_overall {
|
||||
// position: fixed;
|
||||
// bottom: 0;
|
||||
// }
|
||||
|
||||
.Bslayout4_table {
|
||||
width: 0px !important;
|
||||
}
|
||||
|
|
@ -125,21 +100,14 @@
|
|||
display: block !important;
|
||||
}
|
||||
|
||||
//nk
|
||||
// .BSlayout_subdiv {
|
||||
// height: 73vh;
|
||||
// }
|
||||
//
|
||||
.BSTable-3-Mobilescreen {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.BSBilling3div {
|
||||
// gap: 10px;
|
||||
gap: 2px;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
// padding: 0rem 3rem;
|
||||
bottom: 0;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
|
@ -149,12 +117,9 @@
|
|||
font-size: 25px;
|
||||
}
|
||||
|
||||
//nk
|
||||
.BsLayout4-Master .bs-item-card-masterdiv {
|
||||
height: 67%;
|
||||
}
|
||||
|
||||
//
|
||||
}
|
||||
|
||||
@media (min-width: 280px) and (max-width: 499px) {
|
||||
|
|
@ -162,13 +127,10 @@
|
|||
height: 77vh !important;
|
||||
}
|
||||
|
||||
//nk
|
||||
.BsLayout4-Master .bs-item-card-masterdiv {
|
||||
height: 55%;
|
||||
}
|
||||
|
||||
//
|
||||
|
||||
.hold-sum {
|
||||
column-gap: 1rem;
|
||||
}
|
||||
|
|
@ -195,13 +157,11 @@
|
|||
.BSBilling3-customer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
// width: 65%;
|
||||
}
|
||||
|
||||
.Table3-price {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
// row-gap: 2rem;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
|
|
@ -240,40 +200,18 @@
|
|||
bottom: 0;
|
||||
}
|
||||
|
||||
// .Bslayout4_card {
|
||||
// // display: flex;
|
||||
// // overflow: scroll;
|
||||
// // background-color: #f3f3f3;
|
||||
// height: max(75vh, 80px);
|
||||
// }
|
||||
// Naresh
|
||||
//nk
|
||||
// .Bslayout4_card {
|
||||
// // display: flex;
|
||||
// // overflow: scroll;
|
||||
// // background-color: #f3f3f3;
|
||||
// height: max(69vh, 80px);
|
||||
// }
|
||||
//
|
||||
.Bslayout4_overall {
|
||||
display: flex;
|
||||
// flex-direction: column;
|
||||
height: 75vh;
|
||||
}
|
||||
|
||||
//
|
||||
}
|
||||
|
||||
//nk
|
||||
.BsLayout4-Master .BSBTOverall1-Default {
|
||||
// height: 89vh;
|
||||
// vm
|
||||
height: 81vh;
|
||||
}
|
||||
|
||||
.BsLayout4-Master .BsTable2-Master {
|
||||
// height: 89vh;
|
||||
// vm
|
||||
height: 81vh;
|
||||
}
|
||||
|
||||
|
|
@ -282,26 +220,18 @@
|
|||
}
|
||||
|
||||
.BsLayout4-Master .BSTable3_overall {
|
||||
// height: 89vh;
|
||||
// vm
|
||||
height: 81vh;
|
||||
}
|
||||
|
||||
.BsLayout4-Master .BSBilling4TableCont-default {
|
||||
// height: 89vh;
|
||||
// vm
|
||||
height: 81vh;
|
||||
}
|
||||
|
||||
.BsLayout4-Master .BSBillingTable5-table-master-div {
|
||||
// height: 89vh;
|
||||
// vm
|
||||
height: 81vh;
|
||||
}
|
||||
|
||||
.BsLayout4-Master .BSBTOverall6-defaultscreen {
|
||||
// height: 89vh;
|
||||
// vm
|
||||
height: 81vh;
|
||||
}
|
||||
|
||||
|
|
@ -309,26 +239,30 @@
|
|||
height: 90%;
|
||||
}
|
||||
|
||||
// @media (min-width: 280px) and (min-width: 768px) {
|
||||
// .Bslayout4_card .BSItemCard-master-container {
|
||||
// display: flex;
|
||||
// flex-direction: row;
|
||||
// flex-wrap: wrap;
|
||||
// column-gap: 0.6rem;
|
||||
// row-gap: 1rem;
|
||||
// position: relative;
|
||||
// justify-content: flex-start;
|
||||
// }
|
||||
// }
|
||||
.Layout-bill-Subcontainer {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: space-around;
|
||||
font-weight: 600;
|
||||
align-items: center;
|
||||
gap: 2px;
|
||||
|
||||
// @media (min-width: 500px) and (max-width: 767px) {
|
||||
// // .Bslayout4_table {
|
||||
// // width: 0px !important;
|
||||
// // }
|
||||
// }
|
||||
|
||||
// @media (width: 1280px) and (max-height: 1024px) {
|
||||
// .Bslayout4_table {
|
||||
// height: clamp(79.5vh, 80rem, 76vh) !important;
|
||||
// }
|
||||
// }
|
||||
@media (max-width: 500px) {
|
||||
font-size: 10px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
}
|
||||
.pricing-name-details {
|
||||
font-family: "Poppins";
|
||||
font-size: 12px;
|
||||
background: var(--SELECTED_COLOR);
|
||||
padding: 3px 5px;
|
||||
border-radius: 5px;
|
||||
color: white;
|
||||
white-space: nowrap;
|
||||
margin-left: 8rem;
|
||||
font-weight: 400;
|
||||
@media (max-width: 500px) {
|
||||
font-size: 10px !important;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -12,33 +12,22 @@
|
|||
}
|
||||
|
||||
.BSCategory5-Cardcont {
|
||||
// height: min(95vh, 720px);
|
||||
overflow: auto;
|
||||
// height: 80vh;
|
||||
}
|
||||
|
||||
.BSCategory5-Contentcont {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
//nk
|
||||
// height: 95vh;
|
||||
//
|
||||
}
|
||||
|
||||
.BSCategory5-tablecont {
|
||||
width: 430px;
|
||||
// margin: 0.5rem 0rem;
|
||||
height: clamp(73vh, 71rem, 50vh);
|
||||
background-color: #fff;
|
||||
}
|
||||
@media (min-width: 500px) and (max-width: 768px) {
|
||||
.BSCategory5-Cardcont {
|
||||
// height: min(95vh, 720px);
|
||||
overflow: auto;
|
||||
// height: 80vh;
|
||||
//Naresh
|
||||
// height: 74vh;
|
||||
//
|
||||
}
|
||||
|
||||
.BSCategory5-tablecont {
|
||||
|
|
@ -52,7 +41,6 @@
|
|||
.BSLayout5-Master .bs-item-card-masterdiv {
|
||||
height: 65vh !important;
|
||||
}
|
||||
//
|
||||
}
|
||||
|
||||
@media (min-width: 280px) and (max-width: 499px) {
|
||||
|
|
@ -60,10 +48,6 @@
|
|||
height: 88vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
// .BSLayout5-Master .Table4-Price-summarypop {
|
||||
// display: none;
|
||||
// }
|
||||
//nk
|
||||
.BSLayout5-Master .bs-item-card-masterdiv {
|
||||
height: 55vh;
|
||||
}
|
||||
|
|
@ -71,7 +55,6 @@
|
|||
.BSLayout5-Master .Table4-Price-summarypop {
|
||||
display: none;
|
||||
}
|
||||
//
|
||||
|
||||
.BSCategory5-tablecont {
|
||||
width: 0px !important;
|
||||
|
|
@ -81,18 +64,9 @@
|
|||
|
||||
.BSCategory5-Contentcont {
|
||||
display: flex;
|
||||
//nk
|
||||
// height: 76vh !important;
|
||||
//
|
||||
}
|
||||
.BSCategory5-Cardcont {
|
||||
// height: min(95vh, 720px);
|
||||
overflow: auto;
|
||||
// height: 78vh;
|
||||
// Naresh
|
||||
//nk
|
||||
// height: 69vh;
|
||||
//
|
||||
}
|
||||
.BSLayout5-Master .BsTable2-Master {
|
||||
height: 0 !important;
|
||||
|
|
@ -113,36 +87,52 @@
|
|||
flex-direction: row;
|
||||
}
|
||||
}
|
||||
//nk
|
||||
.BSLayout5-Master .BSBTOverall1-Default {
|
||||
// height: 82vh;
|
||||
// vm
|
||||
height: 82vh;
|
||||
}
|
||||
|
||||
.BSLayout5-Master .BsTable2-Master {
|
||||
// height: 82vh;
|
||||
// vm
|
||||
height: 82vh;
|
||||
}
|
||||
.BSLayout5-Master .BSTable3_overall {
|
||||
// height: 82vh;
|
||||
// vm
|
||||
height: 82vh;
|
||||
}
|
||||
|
||||
.BSLayout5-Master .BSBilling4TableCont-default {
|
||||
// height: 82vh;
|
||||
// vm
|
||||
height: 82vh;
|
||||
}
|
||||
.BSLayout5-Master .BSBTOverall6-defaultscreen {
|
||||
// height: 82vh;
|
||||
// vm
|
||||
height: 82vh;
|
||||
}
|
||||
.BSLayout5-Master .bs-item-card-masterdiv {
|
||||
// height: 82vh;
|
||||
// vm
|
||||
height: 82vh;
|
||||
}
|
||||
|
||||
.Layout-bill-Subcontainer {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: space-around;
|
||||
font-weight: 600;
|
||||
align-items: center;
|
||||
gap: 2px;
|
||||
|
||||
@media (max-width: 500px) {
|
||||
font-size: 10px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
}
|
||||
|
||||
.pricing-name-details {
|
||||
font-family: "Poppins";
|
||||
font-size: 12px;
|
||||
background: var(--SELECTED_COLOR);
|
||||
padding: 3px 5px;
|
||||
border-radius: 5px;
|
||||
color: white;
|
||||
white-space: nowrap;
|
||||
margin-left: 8rem;
|
||||
font-weight: 400;
|
||||
@media (max-width: 500px) {
|
||||
font-size: 10px !important;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
.BSLayout6-Navbar {
|
||||
display: block;
|
||||
box-shadow: var(--BOX_SHADOW_LEVEL1);
|
||||
// border-bottom: #33373A solid 1px;
|
||||
}
|
||||
|
||||
.Combo6-Nav-Category {
|
||||
|
|
@ -40,10 +39,6 @@
|
|||
display: flex;
|
||||
overflow-y: scroll;
|
||||
height: 100vh;
|
||||
//nk
|
||||
// height: 83vh;
|
||||
//
|
||||
// background-color:rgba(217, 217, 217, 1);
|
||||
}
|
||||
|
||||
.BSLayout6-cards::-webkit-scrollbar {
|
||||
|
|
@ -53,7 +48,6 @@
|
|||
.BSLayout6-table {
|
||||
width: 423px;
|
||||
margin: 0rem 0.5rem;
|
||||
// height: calc(29.1em + 1.5vw);
|
||||
height: clamp(61vh, 71rem, 50vh);
|
||||
background-color: #fff;
|
||||
}
|
||||
|
|
@ -72,8 +66,6 @@
|
|||
height: 47%;
|
||||
}
|
||||
|
||||
//
|
||||
|
||||
.BSLayout6-fulldiv {
|
||||
padding: 0rem 0rem !important;
|
||||
}
|
||||
|
|
@ -82,20 +74,11 @@
|
|||
margin: 0rem 0rem !important;
|
||||
width: 0px;
|
||||
}
|
||||
|
||||
// .BSLayout6-cards{
|
||||
// height: 63vh ;
|
||||
// }
|
||||
.BSLayout6-cards {
|
||||
//nk
|
||||
// height: 56vh;
|
||||
//
|
||||
display: flex;
|
||||
flex-grow: 0.2;
|
||||
// padding: 0.2rem 0;
|
||||
overflow-y: scroll;
|
||||
justify-content: center;
|
||||
// background-color:rgba(217, 217, 217, 1);
|
||||
}
|
||||
|
||||
.BSTable3 {
|
||||
|
|
@ -111,13 +94,10 @@
|
|||
display: none !important;
|
||||
}
|
||||
|
||||
//nk
|
||||
.BSLayout6-fullbody .bs-item-card-masterdiv {
|
||||
height: 55%;
|
||||
}
|
||||
|
||||
//
|
||||
|
||||
.BSLayout6-fulldiv {
|
||||
display: flex;
|
||||
flex-direction: column-reverse;
|
||||
|
|
@ -125,11 +105,6 @@
|
|||
}
|
||||
|
||||
.BSLayout6-cards {
|
||||
// height:66vh;
|
||||
// Naresh
|
||||
//nk
|
||||
// height:62vh;
|
||||
//
|
||||
width: 100%;
|
||||
overflow-y: scroll;
|
||||
justify-content: center;
|
||||
|
|
@ -169,13 +144,8 @@
|
|||
.BSLayout6-cards {
|
||||
display: flex;
|
||||
flex-grow: 0.2;
|
||||
// margin-left: 2vw;
|
||||
// padding: 1vh;
|
||||
// height:60vh;
|
||||
// width:60vw;
|
||||
overflow-y: scroll;
|
||||
justify-content: center;
|
||||
// background-color:rgba(217, 217, 217, 1);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -258,8 +228,31 @@
|
|||
height: 75%;
|
||||
}
|
||||
|
||||
//
|
||||
.Layout-bill-Subcontainer {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: space-around;
|
||||
font-weight: 600;
|
||||
align-items: center;
|
||||
gap: 2px;
|
||||
|
||||
// .BSLayout6-table .BillingTable1-table-div {
|
||||
// height: 58vh !important;
|
||||
// }
|
||||
@media (max-width: 500px) {
|
||||
font-size: 10px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
}
|
||||
|
||||
.pricing-name-details {
|
||||
font-family: "Poppins";
|
||||
font-size: 12px;
|
||||
background: var(--SELECTED_COLOR);
|
||||
padding: 3px 5px;
|
||||
border-radius: 5px;
|
||||
color: white;
|
||||
white-space: nowrap;
|
||||
margin-left: 8rem;
|
||||
font-weight: 400;
|
||||
@media (max-width: 500px) {
|
||||
font-size: 10px !important;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -118,7 +118,7 @@
|
|||
display: flex;
|
||||
gap: 0.2rem;
|
||||
align-items: center;
|
||||
font-family: 'Poppins';
|
||||
font-family: "Poppins";
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
text-transform: capitalize;
|
||||
|
|
@ -140,7 +140,7 @@
|
|||
display: flex;
|
||||
gap: 0.2rem;
|
||||
align-items: center;
|
||||
font-family: 'Poppins';
|
||||
font-family: "Poppins";
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
text-transform: capitalize;
|
||||
|
|
@ -179,7 +179,7 @@
|
|||
color: #fff;
|
||||
padding: 7px;
|
||||
text-align: center;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
|
||||
.BSC1Payment-div2-button:hover {
|
||||
|
|
@ -197,7 +197,7 @@
|
|||
color: #fff;
|
||||
padding: 7px;
|
||||
text-align: center;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
|
||||
.BSC1Payment-div3-button:hover {
|
||||
|
|
@ -222,7 +222,7 @@
|
|||
|
||||
.BSC1Payment-div4-naming {
|
||||
color: #fff;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
|
|
@ -242,7 +242,7 @@
|
|||
color: #ffffff;
|
||||
padding: 7px;
|
||||
text-align: center;
|
||||
font-family: 'Gilroy';
|
||||
font-family: "Gilroy";
|
||||
font-size: 28px;
|
||||
font-weight: 600;
|
||||
display: flex;
|
||||
|
|
@ -264,7 +264,7 @@
|
|||
color: #ffffff;
|
||||
padding: 7px;
|
||||
text-align: center;
|
||||
font-family: 'Gilroy';
|
||||
font-family: "Gilroy";
|
||||
font-size: 28px;
|
||||
font-weight: 600;
|
||||
display: flex;
|
||||
|
|
@ -343,7 +343,7 @@
|
|||
}
|
||||
|
||||
.BSC1Payment-para {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
|
||||
.Combo-Btn-payment-mode {
|
||||
|
|
@ -359,7 +359,7 @@
|
|||
border-radius: 4.982px;
|
||||
padding: 5px 6px;
|
||||
height: 2rem;
|
||||
font-family: 'Poppins';
|
||||
font-family: "Poppins";
|
||||
}
|
||||
|
||||
.Combo-Btn-payment-mode-sel {
|
||||
|
|
@ -374,7 +374,7 @@
|
|||
column-gap: 0rem;
|
||||
border-radius: 4.982px;
|
||||
padding: 5px 6px;
|
||||
font-family: 'Poppins';
|
||||
font-family: "Poppins";
|
||||
}
|
||||
|
||||
.Combo-Btn-payment-mode-notupisel {
|
||||
|
|
@ -390,7 +390,7 @@
|
|||
border-radius: 4.982px;
|
||||
padding: 5px 6px;
|
||||
height: 2rem;
|
||||
font-family: 'Poppins';
|
||||
font-family: "Poppins";
|
||||
}
|
||||
|
||||
.BSC1Payment-EstimateIcon {
|
||||
|
|
@ -580,7 +580,7 @@
|
|||
}
|
||||
div {
|
||||
width: 50px !important;
|
||||
font-family: 'Poppins';
|
||||
font-family: "Poppins";
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
gap: 3px;
|
||||
|
|
@ -599,3 +599,12 @@
|
|||
display: none;
|
||||
}
|
||||
}
|
||||
.Estoptbtn {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
cursor: pointer;
|
||||
background-color: #bebebe;
|
||||
color: #000000;
|
||||
border: none;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,9 +1,7 @@
|
|||
.BSC1-Master {
|
||||
// height: inherit;
|
||||
position: absolute;
|
||||
overflow: hidden !important;
|
||||
display: flex;
|
||||
// row-gap: 4rem;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
position: absolute;
|
||||
|
|
@ -121,7 +119,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
//
|
||||
.BSC1-Master .PCBillingTable6-Table1 td {
|
||||
border: 0.1px solid #a8a8a880 !important;
|
||||
border-collapse: collapse;
|
||||
|
|
@ -132,8 +129,6 @@
|
|||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
//
|
||||
|
||||
.BSC1-Master .BSBill-Table7 th {
|
||||
border: 0.1px solid #a8a8a880 !important;
|
||||
border-collapse: collapse;
|
||||
|
|
@ -228,7 +223,6 @@
|
|||
|
||||
.BSC1-Master .BSC1Payment-Container {
|
||||
height: 8rem;
|
||||
// padding-bottom: 0rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -255,8 +249,6 @@
|
|||
gap: 0.6rem !important;
|
||||
}
|
||||
|
||||
//
|
||||
|
||||
.BSC1-Master .Billing-Table1 td {
|
||||
border: 0.1px solid #a8a8a880 !important;
|
||||
border-collapse: collapse;
|
||||
|
|
@ -427,7 +419,7 @@
|
|||
|
||||
.Combo-BSNavbar1-timer {
|
||||
width: 8rem;
|
||||
font-family: 'Gilroy';
|
||||
font-family: "Gilroy";
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
text-wrap: nowrap;
|
||||
|
|
@ -500,15 +492,18 @@
|
|||
}
|
||||
|
||||
.pricing-name-details {
|
||||
margin-left: unset;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
column-gap: 10px;
|
||||
line-height: 1.2;
|
||||
padding: 4px 10px;
|
||||
font-family: "Poppins";
|
||||
font-size: 12px;
|
||||
background: var(--SELECTED_COLOR);
|
||||
padding: 3px 5px;
|
||||
border-radius: 5px;
|
||||
color: white;
|
||||
white-space: nowrap;
|
||||
margin-left: 8rem;
|
||||
font-weight: 400;
|
||||
@media (max-width: 500px) {
|
||||
font-size: 10px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -620,7 +615,8 @@
|
|||
}
|
||||
|
||||
.SearchSubnavbar-combo {
|
||||
@media (max-width: 1024px) {}
|
||||
@media (max-width: 1024px) {
|
||||
}
|
||||
}
|
||||
|
||||
.combuSubNavbarRightSide {
|
||||
|
|
@ -667,3 +663,30 @@
|
|||
cursor: pointer;
|
||||
color: #fff;
|
||||
}
|
||||
.Layout-bill-Subcontainer {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: space-around;
|
||||
font-weight: 600;
|
||||
align-items: center;
|
||||
gap: 2px;
|
||||
|
||||
@media (max-width: 500px) {
|
||||
font-size: 10px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
}
|
||||
.pricing-name-details {
|
||||
font-family: "Poppins";
|
||||
font-size: 12px;
|
||||
background: var(--SELECTED_COLOR);
|
||||
padding: 3px 5px;
|
||||
border-radius: 5px;
|
||||
color: white;
|
||||
white-space: nowrap;
|
||||
margin-left: 8rem;
|
||||
font-weight: 400;
|
||||
@media (max-width: 500px) {
|
||||
font-size: 10px !important;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,12 +1,7 @@
|
|||
.rev-div {
|
||||
width: 100%;
|
||||
//dhana
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
// justify-content: center;
|
||||
// gap: 1rem
|
||||
// gap:1rem
|
||||
//
|
||||
}
|
||||
|
||||
.DashboardHeading {
|
||||
|
|
@ -26,7 +21,6 @@
|
|||
justify-content: space-between;
|
||||
align-items: baseline;
|
||||
margin-left: 1rem;
|
||||
// padding: 1rem 1rem;
|
||||
}
|
||||
|
||||
.Dashboardrange {
|
||||
|
|
@ -35,7 +29,6 @@
|
|||
|
||||
.rev-content {
|
||||
display: flex;
|
||||
// flex-wrap: wrap;
|
||||
width: 88vw;
|
||||
overflow: scroll;
|
||||
flex-wrap: wrap;
|
||||
|
|
@ -102,12 +95,7 @@
|
|||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
// statics
|
||||
|
||||
.stat-div {
|
||||
// background-color: #fff;
|
||||
// width: 806px;
|
||||
// height: 412px;
|
||||
margin: 1vw 2vh;
|
||||
padding: 0.5rem 0rem;
|
||||
display: flex;
|
||||
|
|
@ -319,25 +307,15 @@
|
|||
}
|
||||
|
||||
@media (min-width: 280px) and (max-width: 499px) {
|
||||
//srinath
|
||||
.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panels {
|
||||
width: 50vw !important;
|
||||
overflow: scroll !important;
|
||||
}
|
||||
|
||||
// .Dashboardrange .datepickerDashboardrange{
|
||||
// width: 100%;
|
||||
// }
|
||||
.ant-picker-dropdown .ant-picker-panel-container .ant-picker-date-panel-container {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
// .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panels {
|
||||
// display: flex;
|
||||
// flex-wrap: wrap;
|
||||
// direction: ltr;
|
||||
// }
|
||||
|
||||
.rev-div .Dashboardrange .ant-picker-dropdown .ant-picker-panel-container .ant-picker-presets {
|
||||
display: flex;
|
||||
flex-direction: column !important;
|
||||
|
|
@ -367,16 +345,12 @@
|
|||
flex-wrap: wrap !important;
|
||||
}
|
||||
|
||||
// .rev-box {
|
||||
// width: 250px;
|
||||
// }
|
||||
.DashboardHeading {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
gap: 0.5rem;
|
||||
font-weight: 600;
|
||||
font-size: smaller;
|
||||
// font-size: larger;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -433,267 +407,6 @@
|
|||
background-color: var(--SELECTED_COLOR) !important;
|
||||
}
|
||||
|
||||
// .rev-div {
|
||||
// width: 100%;
|
||||
// //dhana
|
||||
// display: flex;
|
||||
// flex-wrap: wrap;
|
||||
// // justify-content: center;
|
||||
// // gap: 1rem
|
||||
// // gap:1rem
|
||||
// //
|
||||
// }
|
||||
|
||||
// .DashboardHeading {
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
// width: 100%;
|
||||
// gap: 0.5rem;
|
||||
// font-weight: 600;
|
||||
// font-size: larger;
|
||||
// }
|
||||
|
||||
// .rev-head {
|
||||
// display: flex;
|
||||
// flex-wrap: wrap;
|
||||
// width: 97%;
|
||||
// flex-direction: row;
|
||||
// justify-content: space-between;
|
||||
// align-items: baseline;
|
||||
// margin-left: 1rem;
|
||||
// // padding: 1rem 1rem;
|
||||
// }
|
||||
|
||||
// .Dashboardrange {
|
||||
// margin-right: 5rem;
|
||||
// }
|
||||
|
||||
// .rev-content {
|
||||
// display: flex;
|
||||
// // flex-wrap: wrap;
|
||||
// width: 88vw;
|
||||
// overflow: scroll;
|
||||
// }
|
||||
// .rev-box {
|
||||
// background-color: #fff;
|
||||
// width: 250px;
|
||||
// margin: 1vw 2vh;
|
||||
// padding: 0.5rem 0rem;
|
||||
// border-radius: 8px;
|
||||
// align-items: center;
|
||||
// }
|
||||
|
||||
// .rev-box-cont {
|
||||
// display: flex;
|
||||
// flex-direction: row;
|
||||
// column-gap: 1rem;
|
||||
// font-weight: 600;
|
||||
// font-size: 14px;
|
||||
// justify-content: space-around;
|
||||
// }
|
||||
|
||||
// .rev-badge {
|
||||
// width: max-content;
|
||||
// padding: 0.1rem 0.3rem;
|
||||
// border-radius: 6px;
|
||||
// background-color: var(--SELECTED_COLOR);
|
||||
// color: #fff;
|
||||
// }
|
||||
|
||||
// .rev-badge.negative {
|
||||
// width: max-content;
|
||||
// padding: 0.1rem 0.3rem;
|
||||
// border-radius: 6px;
|
||||
// background-color: var(--ERROR_COLOR);
|
||||
// color: #fff;
|
||||
// }
|
||||
|
||||
// .rev-box-amtcont {
|
||||
// display: flex;
|
||||
// flex-direction: row;
|
||||
// padding: 0.5rem 1.5rem;
|
||||
// column-gap: 0.7rem;
|
||||
// font-weight: 600;
|
||||
// font-size: 22px;
|
||||
// justify-content: flex-start;
|
||||
// }
|
||||
|
||||
// // statics
|
||||
|
||||
// .stat-div {
|
||||
// // background-color: #fff;
|
||||
// // width: 806px;
|
||||
// // height: 412px;
|
||||
// margin: 1vw 2vh;
|
||||
// padding: 0.5rem 0rem;
|
||||
// display: flex;
|
||||
// flex-direction: row;
|
||||
// column-gap: 1rem;
|
||||
// overflow: scroll;
|
||||
// }
|
||||
|
||||
// .stats {
|
||||
// background-color: #fff;
|
||||
// width: 1000px;
|
||||
// height: 300px;
|
||||
// flex-grow: 1;
|
||||
// border-radius: 6px;
|
||||
// }
|
||||
|
||||
// .stock-avl {
|
||||
// width: 320px;
|
||||
// height: 400px;
|
||||
// border-radius: 6px;
|
||||
// background-color: #fff;
|
||||
// }
|
||||
|
||||
// .stk-cnt {
|
||||
// margin: 1rem 0rem;
|
||||
// height: 50vh;
|
||||
// overflow: auto;
|
||||
// display: flex;
|
||||
// flex-direction: column;
|
||||
// row-gap: 1rem;
|
||||
// }
|
||||
|
||||
// .stk-cont {
|
||||
// display: flex;
|
||||
// flex-direction: row;
|
||||
// column-gap: 1rem;
|
||||
// font-size: 14px;
|
||||
// justify-content: space-around;
|
||||
// }
|
||||
|
||||
// .stk-dtl {
|
||||
// display: flex;
|
||||
// width: 100%;
|
||||
// justify-content: space-around;
|
||||
// }
|
||||
|
||||
// .changing-background {
|
||||
// width: max-content;
|
||||
// padding: 0px 6px;
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
// border-radius: 4px;
|
||||
// color: #fff;
|
||||
// font-family: "Poppins";
|
||||
// font-weight: 600;
|
||||
// }
|
||||
|
||||
// .stk-cnt-lowprice {
|
||||
// background: var(--ERROR_COLOR);
|
||||
// width: max-content;
|
||||
// padding: 0px 6px;
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
// border-radius: 4px;
|
||||
// color: #fff;
|
||||
// font-family: "Poppins";
|
||||
// font-weight: 600;
|
||||
// }
|
||||
|
||||
// .stk-cnt-midprice {
|
||||
// background: orange;
|
||||
// width: max-content;
|
||||
// padding: 0px 6px;
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
// border-radius: 4px;
|
||||
// color: #fff;
|
||||
// font-family: "Poppins";
|
||||
// font-weight: 600;
|
||||
// }
|
||||
|
||||
// .stk-cnt-highprice {
|
||||
// background: var(--SELECTED_COLOR);
|
||||
// width: max-content;
|
||||
// padding: 0px 6px;
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
// border-radius: 4px;
|
||||
// color: #fff;
|
||||
// font-family: "Poppins";
|
||||
// font-weight: 600;
|
||||
// }
|
||||
// @media (min-width: 280px) and (max-width: 499px) {
|
||||
// .rev-content {
|
||||
// padding: 0rem -1rem;
|
||||
// width: 88vw !important;
|
||||
// transform: scale(0.9);
|
||||
// }
|
||||
// .stat-div {
|
||||
// width: 100vw;
|
||||
// overflow: scroll;
|
||||
// }
|
||||
|
||||
// .stats {
|
||||
// width: 539px !important;
|
||||
// overflow: scroll !important;
|
||||
// }
|
||||
|
||||
// .rev-head {
|
||||
// flex-wrap: wrap !important;
|
||||
// }
|
||||
// .rev-box {
|
||||
// width: 250px;
|
||||
// }
|
||||
// .DashboardHeading {
|
||||
// display: flex;
|
||||
// justify-content: flex-start;
|
||||
// gap: 0.5rem;
|
||||
// font-weight: 600;
|
||||
// font-size: smaller;
|
||||
// // font-size: larger;
|
||||
// }
|
||||
// }
|
||||
|
||||
// @media (min-width: 500px) and (max-width: 676px) {
|
||||
// .rev-head .field-DropDown {
|
||||
// width: 200px !important;
|
||||
// }
|
||||
// .rev-content {
|
||||
// padding: 0rem -1rem;
|
||||
// width: 88vw !important;
|
||||
// transform: scale(0.9);
|
||||
// }
|
||||
// .stat-div {
|
||||
// width: 100vw;
|
||||
// overflow: scroll;
|
||||
// }
|
||||
// .stats {
|
||||
// width: 539px !important;
|
||||
// overflow: scroll !important;
|
||||
// }
|
||||
// }
|
||||
|
||||
// @media (min-width: 677px) and (max-width: 1024px) {
|
||||
// .Dashboardrange {
|
||||
// margin-right: 1rem;
|
||||
// }
|
||||
// .rev-head {
|
||||
// display: flex;
|
||||
// width: 100%;
|
||||
// flex-direction: row;
|
||||
// justify-content: space-between;
|
||||
// align-items: baseline;
|
||||
// }
|
||||
// .stats {
|
||||
// overflow: scroll !important;
|
||||
// }
|
||||
// }
|
||||
// .Togglee {
|
||||
// display: flex;
|
||||
// width: inherit;
|
||||
// height: 2vw;
|
||||
// flex-direction: row-reverse;
|
||||
// z-index: 1;
|
||||
// padding-right: 93px;
|
||||
// }
|
||||
|
||||
// .Togglee .ant-switch {
|
||||
// background-color:var(--SELECTED_COLOR) !important;
|
||||
// }
|
||||
.modalContentsadminuser {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
|
@ -729,17 +442,6 @@
|
|||
}
|
||||
|
||||
.size-save-button-retail {
|
||||
// width: max-content;
|
||||
// background-color: #52c41a;
|
||||
// padding: 0rem 1rem;
|
||||
// font-size: 15px;
|
||||
// font-weight: 500;
|
||||
// border-radius: 11px;
|
||||
// cursor: pointer;
|
||||
// display: flex;
|
||||
// text-align: center;
|
||||
// justify-content: center;
|
||||
// padding-top: 10px;
|
||||
width: max-content;
|
||||
border: none;
|
||||
padding: 10px 16px;
|
||||
|
|
@ -754,8 +456,6 @@
|
|||
word-spacing: 1px;
|
||||
}
|
||||
|
||||
// writing by srii
|
||||
|
||||
.chartsTitle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -791,10 +491,6 @@
|
|||
overflow: auto;
|
||||
width: 100.4%;
|
||||
}
|
||||
|
||||
@media (max-width: 500px) {
|
||||
// width: 85vw !important;
|
||||
}
|
||||
}
|
||||
|
||||
.RetailDashboard-Master {
|
||||
|
|
@ -806,10 +502,6 @@
|
|||
gap: 0px;
|
||||
margin: 0rem 0rem;
|
||||
|
||||
@media (max-width: 500px) {
|
||||
// width: 90%;
|
||||
}
|
||||
|
||||
.dashboardHeader {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -818,7 +510,6 @@
|
|||
padding: 6px 12px;
|
||||
color: #ffffff;
|
||||
width: 100%;
|
||||
// position: fixed;
|
||||
top: 0;
|
||||
z-index: 100;
|
||||
position: sticky;
|
||||
|
|
@ -917,6 +608,9 @@
|
|||
margin-top: -13px !important;
|
||||
padding-inline-end: 23px !important;
|
||||
}
|
||||
.ant-select-selector {
|
||||
height: 42px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.branch-filter-dropdown {
|
||||
|
|
@ -1450,9 +1144,8 @@
|
|||
|
||||
.tab-switcher {
|
||||
display: inline-flex;
|
||||
background: #f0f2f5;
|
||||
background: #ffffff;
|
||||
border-radius: 6px;
|
||||
padding: 4px;
|
||||
gap: 4px;
|
||||
font-family: "Poppins", sans-serif;
|
||||
background: #fff;
|
||||
|
|
@ -1943,7 +1636,6 @@
|
|||
}
|
||||
|
||||
.topSellingProductCard {
|
||||
// flex: 1;
|
||||
width: 38%;
|
||||
background: #fff;
|
||||
border-radius: 8px;
|
||||
|
|
@ -1952,9 +1644,8 @@
|
|||
position: relative;
|
||||
height: 50vh;
|
||||
overflow: auto;
|
||||
max-height: 300px; // Adjust height as needed
|
||||
max-height: 300px;
|
||||
overflow-y: auto;
|
||||
/* Optional: for better look */
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #aaa #f5f5f5;
|
||||
|
||||
|
|
@ -1967,7 +1658,6 @@
|
|||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
/* margin: 0.5rem 0; */
|
||||
font-weight: 600;
|
||||
position: sticky;
|
||||
top: 0px;
|
||||
|
|
@ -2240,7 +1930,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
// Utility
|
||||
.green {
|
||||
color: #20a720 !important;
|
||||
}
|
||||
|
|
@ -2249,7 +1938,6 @@
|
|||
color: #e53935 !important;
|
||||
}
|
||||
|
||||
// Responsive
|
||||
@media (max-width: 1024px) {
|
||||
.dashboardMainGrid,
|
||||
.dashboardSecondaryGrid {
|
||||
|
|
@ -2617,7 +2305,6 @@
|
|||
color: #1976d2;
|
||||
}
|
||||
|
||||
// --- Bottom Widget Row Styles ---
|
||||
.bottom-widget-row {
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
.option-section {
|
||||
margin-bottom: 20px;
|
||||
column-gap: 2rem;
|
||||
// border: 1px solid #1292ee;
|
||||
padding: 16px;
|
||||
border-radius: 12px;
|
||||
background-color: #f2f9fd;
|
||||
|
|
@ -28,7 +27,6 @@
|
|||
font-weight: 600;
|
||||
font-family: "Poppins";
|
||||
margin-bottom: 10px;
|
||||
// color: var(--SELECTED_COLOR);
|
||||
color: rgb(0, 165, 0);
|
||||
}
|
||||
|
||||
|
|
@ -36,7 +34,6 @@
|
|||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
font-family: "Poppins";
|
||||
// color: var(--DEFAULT_SELECTED_COLOR);
|
||||
}
|
||||
|
||||
.option-subdiv {
|
||||
|
|
@ -61,3 +58,9 @@
|
|||
position: unset !important;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.SBTNPaymentOptions {
|
||||
position: fixed;
|
||||
bottom: 2rem;
|
||||
right: 2rem;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -16,15 +16,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
// .cropUploadFieldSmallNoData {
|
||||
|
||||
// :where(.css-dev-only-do-not-override-1v5z42l).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select,
|
||||
// :where(.css-dev-only-do-not-override-1v5z42l).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload.ant-upload-select {
|
||||
// width: 65px;
|
||||
// height: 65px;
|
||||
// }
|
||||
// }
|
||||
|
||||
.productinputForm {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
|
@ -172,7 +163,6 @@
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
// justify-content: space-between;
|
||||
& label {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
|
@ -198,8 +188,6 @@
|
|||
justify-content: center;
|
||||
width: min(176px, 188px);
|
||||
height: 52px;
|
||||
// width: 20%;
|
||||
// height: 45px;
|
||||
padding: 10px 0px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
|
@ -413,10 +401,6 @@
|
|||
}
|
||||
|
||||
.productMtrImgUpload1 {
|
||||
// .ant-modal-body {
|
||||
// height: 400px;
|
||||
// }
|
||||
|
||||
.productMtrImgUpload {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -542,3 +526,26 @@
|
|||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
.customerOffer {
|
||||
width: 16rem;
|
||||
height: 3rem;
|
||||
background-color: #f5f5f5;
|
||||
border-radius: 5px;
|
||||
display: flex;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.customerOffer div {
|
||||
width: 50%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.prodMasterAddDetails {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,4 @@
|
|||
.product-form-container {
|
||||
// padding: 20px;
|
||||
background: #f8f9fa;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
|
|
@ -10,7 +9,6 @@
|
|||
|
||||
.excel-container {
|
||||
width: 100%;
|
||||
// max-width: 1200px;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
@ -21,7 +19,6 @@
|
|||
max-height: 72vh;
|
||||
height: max-content;
|
||||
padding: 0;
|
||||
// width: 80vw;
|
||||
white-space: nowrap;
|
||||
scrollbar-width: thin;
|
||||
width: 83.5vw;
|
||||
|
|
@ -60,7 +57,7 @@
|
|||
outline: none;
|
||||
width: 240px;
|
||||
height: 40px;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
|
||||
&:focus {
|
||||
border-color: #3b82f6;
|
||||
|
|
@ -75,7 +72,7 @@
|
|||
align-items: center;
|
||||
gap: 6px;
|
||||
padding: 8px 16px;
|
||||
font-family: 'Poppins';
|
||||
font-family: "Poppins";
|
||||
border-radius: 6px;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -120,7 +117,7 @@
|
|||
align-items: center;
|
||||
gap: 6px;
|
||||
padding: 8px 16px;
|
||||
font-family: 'Poppins';
|
||||
font-family: "Poppins";
|
||||
border-radius: 6px;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -146,7 +143,6 @@
|
|||
max-height: 72vh;
|
||||
height: max-content;
|
||||
padding: 10px;
|
||||
// width: 80vw;
|
||||
white-space: nowrap;
|
||||
scrollbar-width: thin;
|
||||
}
|
||||
|
|
@ -155,7 +151,7 @@
|
|||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
font-size: 14px;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
|
||||
th,
|
||||
td {
|
||||
|
|
@ -234,7 +230,7 @@
|
|||
border-radius: 4px;
|
||||
background: transparent;
|
||||
outline: none;
|
||||
font-family: 'Poppins';
|
||||
font-family: "Poppins";
|
||||
|
||||
&:focus {
|
||||
border-color: #3b82f6;
|
||||
|
|
@ -258,8 +254,11 @@
|
|||
background: #fee2e2;
|
||||
color: #b91c1c;
|
||||
transition: all 0.2s;
|
||||
width: 38px;
|
||||
width: 35px;
|
||||
height: 24px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
&:hover {
|
||||
background: #fca5a5;
|
||||
|
|
@ -289,7 +288,7 @@
|
|||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
|
||||
.stats-item {
|
||||
color: #374151;
|
||||
|
|
@ -307,7 +306,6 @@
|
|||
font-weight: 600;
|
||||
justify-content: flex-start;
|
||||
|
||||
// flex-direction: column;
|
||||
> div {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
@ -324,7 +322,7 @@
|
|||
text-align: center !important;
|
||||
font-size: 18px;
|
||||
color: #6b7280;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
|
||||
strong {
|
||||
color: #2563eb;
|
||||
|
|
@ -402,7 +400,7 @@
|
|||
font-size: inherit;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
|
||||
.search-input-container {
|
||||
|
|
@ -577,7 +575,7 @@
|
|||
width: max-content;
|
||||
height: max-content;
|
||||
border: none;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
background-color: #007bff;
|
||||
font-weight: 400;
|
||||
color: #fff !important;
|
||||
|
|
@ -631,14 +629,14 @@
|
|||
background: #ae2727;
|
||||
color: #fff;
|
||||
padding: 8px 12px;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.voice-search-btn::before {
|
||||
content: '';
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -100%;
|
||||
|
|
|
|||
Loading…
Reference in New Issue