From f41a0a376dfe939ae20cf12129a5456de058fc43 Mon Sep 17 00:00:00 2001 From: Your Name Date: Thu, 12 Feb 2026 18:15:06 +0530 Subject: [PATCH] After Suspense --- src/App.jsx | 20 +- src/Components/Menu/PozoMenu.scss | 28 +- src/Components/Menu/SideMenuPozo.jsx | 6 +- src/Pages/BookingScreen/BookingPage.jsx | 144 +++---- .../BSCategories/BSCategoryVertical.jsx | 13 +- .../Components/BSItemCards/BSItemCard.jsx | 5 +- .../UtillComponents/BSNavBarEst.jsx | 1 + .../Template/BSLayout2/BSLayout2.jsx | 398 ++++++++++-------- .../Template/BSLayout5/BSLayout5.jsx | 3 +- .../Template/BSLayout6/BSLayout6.jsx | 3 +- .../Template/SalesCountForStandard.jsx | 46 +- src/Pages/DashBoard/RetailDashboard.jsx | 13 +- .../Payment/PaymentOptions/PaymentOptions.jsx | 229 ++++++---- src/Pages/Product/Utils/CellSelect.jsx | 362 +++++++++------- .../LSBillTable/ExtraCharge.scss | 7 +- .../BSBillingTables3/BSBillingTable3.scss | 31 +- .../BSCategories/BSCategoryHorizontal.scss | 19 +- .../BSCategories/BSCategoryVertical.scss | 24 +- .../Components/BSItemCards/BSItemCard.scss | 113 +++-- .../BSSubCategoryVertical.scss | 24 +- .../Template/BSLayout1/BSLayout1.scss | 91 +--- .../Template/BSLayout2/BSLayout2.scss | 128 +++--- .../Template/BSLayout3/BSLayout3.scss | 91 ++-- .../Template/BSLayout4/BSLayout4.scss | 118 ++---- .../Template/BSLayout5/BSLayout5.scss | 68 ++- .../Template/BSLayout6/BSLayout6.scss | 61 ++- .../Template/BSLayout7/BSC1Payment.scss | 33 +- .../Template/BSLayout7/Combo1.scss | 65 ++- src/Styles/DashBoard/RetailDashBoard.scss | 323 +------------- .../PaymentOptions/PaymentOptions.scss | 11 +- src/Styles/Product/Product.scss | 39 +- src/Styles/Product/TurboAddForm.scss | 32 +- 32 files changed, 1067 insertions(+), 1482 deletions(-) diff --git a/src/App.jsx b/src/App.jsx index bec22f1..38f781c 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -52,17 +52,17 @@ const AppRoutes = () => { }; }, []); - useEffect(() => { - if (isMobile || isIOS) return; - const timer = setInterval(() => { - if (devtools.isOpen) { - document.body.innerHTML = - "

Close Inspect to continue

"; - } - }, 1000); + // useEffect(() => { + // if (isMobile || isIOS) return; + // const timer = setInterval(() => { + // if (devtools.isOpen) { + // document.body.innerHTML = + // "

Close Inspect to continue

"; + // } + // }, 1000); - return () => clearInterval(timer); - }, []); + // return () => clearInterval(timer); + // }, []); if (extendModel) { diff --git a/src/Components/Menu/PozoMenu.scss b/src/Components/Menu/PozoMenu.scss index 467cc16..5b787cb 100644 --- a/src/Components/Menu/PozoMenu.scss +++ b/src/Components/Menu/PozoMenu.scss @@ -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,9 +432,8 @@ } } - -.clearGenQRCode{ - button{ +.clearGenQRCode { + button { background-color: #000 !important; } -} \ No newline at end of file +} diff --git a/src/Components/Menu/SideMenuPozo.jsx b/src/Components/Menu/SideMenuPozo.jsx index 1856fd9..c12b0c7 100644 --- a/src/Components/Menu/SideMenuPozo.jsx +++ b/src/Components/Menu/SideMenuPozo.jsx @@ -1,4 +1,4 @@ -import { useState, useEffect, useRef } from 'react'; +import { useState, useEffect, useRef } from 'react'; import { useNavigate, useLocation } from 'react-router-dom'; import { useSelector } from 'react-redux'; @@ -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', }} >
diff --git a/src/Pages/BookingScreen/BookingPage.jsx b/src/Pages/BookingScreen/BookingPage.jsx index a467bdc..dcf8963 100644 --- a/src/Pages/BookingScreen/BookingPage.jsx +++ b/src/Pages/BookingScreen/BookingPage.jsx @@ -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 (
{
{Object.keys(templateData)?.length > 0 ? ( <> - {BookingLayout === 'Layout1' && } - {BookingLayout === 'Layout2' && } - {BookingLayout === 'Layout3' && } - {BookingLayout === 'Layout4' && } - {BookingLayout === 'Layout5' && } - {BookingLayout === 'Layout6' && } - {BookingLayout?.includes('Combo') && } + + Loading Layout... + + PozoApp + +
+ } + > + {BookingLayout === 'Layout1' && } + {BookingLayout === 'Layout2' && } + {BookingLayout === 'Layout3' && } + {BookingLayout === 'Layout4' && } + {BookingLayout === 'Layout5' && } + {BookingLayout === 'Layout6' && } + {BookingLayout?.includes('Combo') && } + ) : ( <>{/* {Advance ?
Loading...
: null} */} diff --git a/src/Pages/BookingScreen/Components/BSCategories/BSCategoryVertical.jsx b/src/Pages/BookingScreen/Components/BSCategories/BSCategoryVertical.jsx index b807b72..70555cd 100644 --- a/src/Pages/BookingScreen/Components/BSCategories/BSCategoryVertical.jsx +++ b/src/Pages/BookingScreen/Components/BSCategories/BSCategoryVertical.jsx @@ -1007,7 +1007,6 @@ function BSCategoryVertical(props) { // " % ", }))} className="field-DropDown" - // placeholder="ConfigType" label={} // optionsNames={{ value: "TaxPercentage", label: "TaxIdName" }} onChangeFunction={(selectedValue) => @@ -1229,11 +1228,9 @@ function BSCategoryVertical(props) { )}
- {/* {isDownDisabled &&} */} - -
+
{showUpButton && (
)}
- - {/* {isUpDisabled&& } */}
{
{ const dispatch = useDispatch(); diff --git a/src/Pages/BookingScreen/Template/BSLayout2/BSLayout2.jsx b/src/Pages/BookingScreen/Template/BSLayout2/BSLayout2.jsx index ba7d5fe..0afbb10 100644 --- a/src/Pages/BookingScreen/Template/BSLayout2/BSLayout2.jsx +++ b/src/Pages/BookingScreen/Template/BSLayout2/BSLayout2.jsx @@ -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') && ( - + Loading...
}> + + )}
-
- {/* {PricingAppPricingName?.[0]?.PricingName != 'Standard' ? ( - <> */} - {BookingNavbar == 'Navbar1' && } - {BookingNavbar == 'Navbar2' && } - {BookingNavbar == 'Navbar3' && } - {/* - ) : - - } */} -
+ Loading...
}> +
+ {BookingNavbar == 'Navbar1' && } + {BookingNavbar == 'Navbar2' && } + {BookingNavbar == 'Navbar3' && } +
+
{
)} {!OtherServicesglobal && ( - + + + )} {SessionData?.FeatureAddonData?.FeatureDtls?.find( (item) => @@ -380,26 +428,32 @@ const BSLayout2 = () => { isMobile={isMobile} > {' '} - + Loading...
}> + + )} {Kioskopen && ( - + Loading...
}> + + )} {SAdminuserPin?.length > 0 && UserType != 'Super Admin User' && ( -
- -
+ Loading...
}> +
+ +
+ )} {!OtherServicesglobal && ( <> @@ -468,11 +522,13 @@ const BSLayout2 = () => {
) : ( - + + + )}
{ }} > {!OtherServicesglobal && ( - + Loading...
}> + + )} {OtherServicesglobal && ( - + Loading...}> + + )}
{ display: 'flex', }} > - {(Comboglobal === false && - !OtherServicesglobal) && + {Comboglobal === false && + !OtherServicesglobal && (AvailableDate ? ( { )} /> ))} - {(Comboglobal === true && !OtherServicesglobal) && ( - + {Comboglobal === true && !OtherServicesglobal && ( + + + )} {OtherServicesglobal && ( - + + + )}
{/* {PricingAppPricingName?.[0]?.PricingName != 'Standard' ? ( */} -
- {action ? ( - - ) : ( - <> - {BSLayout2Data?.BookingBilling?.[0] == 'Billing1' && ( - - )} - {BSLayout2Data?.BookingBilling?.[0] == 'Billing2' && ( - - )} - {BSLayout2Data?.BookingBilling?.[0] == 'Billing3' && ( - - )} - {BSLayout2Data?.BookingBilling?.[0] == 'Billing4' && ( - - )} - {BSLayout2Data?.BookingBilling?.[0] == 'Billing5' && ( - - )} - {BSLayout2Data?.BookingBilling?.[0] == 'Billing6' && ( - - )} - {BSLayout2Data?.BookingBilling?.[0] == 'Billing7' && ( - - )} - {BookingBilling == 'Billing8' && } - {BSLayout2Data?.BookingBilling?.[0] == - 'StandardBilling' && ( -
- -
- )} - - )} - {/*
- -
*/} -
- {/* ) : -
- -
+ Loading...}> +
+ {action ? ( + + ) : ( + Loading...
}> + <> + {BSLayout2Data?.BookingBilling?.[0] == 'Billing1' && ( + + )} + {BSLayout2Data?.BookingBilling?.[0] == 'Billing2' && ( + + )} + {BSLayout2Data?.BookingBilling?.[0] == 'Billing3' && ( + + )} + {BSLayout2Data?.BookingBilling?.[0] == 'Billing4' && ( + + )} + {BSLayout2Data?.BookingBilling?.[0] == 'Billing5' && ( + + )} + {BSLayout2Data?.BookingBilling?.[0] == 'Billing6' && ( + + )} + {BSLayout2Data?.BookingBilling?.[0] == 'Billing7' && ( + + )} - } */} + {BookingBilling == 'Billing8' && ( + + )} + {BSLayout2Data?.BookingBilling?.[0] == + 'StandardBilling' && ( +
+ Loading table...
}> + + + + )} + + + )} + + {BookingModalOpen && ( - + + + )} {ListOfInvoices && ( - + Loading...}> + + )} ); diff --git a/src/Pages/BookingScreen/Template/BSLayout5/BSLayout5.jsx b/src/Pages/BookingScreen/Template/BSLayout5/BSLayout5.jsx index b19ed24..d3714a8 100644 --- a/src/Pages/BookingScreen/Template/BSLayout5/BSLayout5.jsx +++ b/src/Pages/BookingScreen/Template/BSLayout5/BSLayout5.jsx @@ -44,8 +44,7 @@ import { getKioskDatas, globalKioskSalesCount, } from '../../../../Features/Kiosk/kiosk.js'; -import SalesCountComponent from '../SalesCountComponent.jsx'; -import '../../../../Styles/BookingScreen/Template/BSLayout5/BSLayout5.scss'; +import SalesCountComponent from '../SalesCountComponent.jsx'; import PozoKioskIcon from '../../Components/UtillComponents/Pozo retail icons/PozoKioskIcon.jsx'; import { GLobalSadminUserPin, diff --git a/src/Pages/BookingScreen/Template/BSLayout6/BSLayout6.jsx b/src/Pages/BookingScreen/Template/BSLayout6/BSLayout6.jsx index 07775b3..dc92b82 100644 --- a/src/Pages/BookingScreen/Template/BSLayout6/BSLayout6.jsx +++ b/src/Pages/BookingScreen/Template/BSLayout6/BSLayout6.jsx @@ -54,8 +54,7 @@ import { } from '../../../../Features/BrachLogin/BranchLogin'; 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 SalesCountComponent from '../SalesCountComponent.jsx'; import { getBookingStatus, GlobalBookingStatus, diff --git a/src/Pages/BookingScreen/Template/SalesCountForStandard.jsx b/src/Pages/BookingScreen/Template/SalesCountForStandard.jsx index 1bd9777..897bb1a 100644 --- a/src/Pages/BookingScreen/Template/SalesCountForStandard.jsx +++ b/src/Pages/BookingScreen/Template/SalesCountForStandard.jsx @@ -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} />
- {/* { AvailableDate &&
- {isBulk ? { - setIsBulk(!isBulk); - setSelectedDate([]); - }} /> : { - setIsBulk(!isBulk); - setSelectedDate([]); - }} />} -
} */} - - {/*
- {AvailableDate && !isBulk && -
- -
- } - - {isBulk && AvailableDate && ( -
- -
- )} -
*/}
{showSalesTooltip ? ( )} - {preferenceshortcutkey && } + {preferenceshortcutkey && ( +
+ +
+ )}
{Customisebillno && } diff --git a/src/Pages/DashBoard/RetailDashboard.jsx b/src/Pages/DashBoard/RetailDashboard.jsx index c775bd4..ca464c3 100644 --- a/src/Pages/DashBoard/RetailDashboard.jsx +++ b/src/Pages/DashBoard/RetailDashboard.jsx @@ -1403,7 +1403,14 @@ const RetailDashboard = () => { if (daysDiff <= 7 && daysDiff >= 0) { return ( -
+
{PricingAppPricingName?.[0]?.PricingName && ( @@ -1412,9 +1419,11 @@ const RetailDashboard = () => { {PricingAppPricingName?.[0]?.PricingName + ' / ' + PricingAppPricingName?.[0]?.Type} +
+ Plan Expiry on : {ExpiryDate} +
)} -
Plan Expiry on {ExpiryDate}
); } diff --git a/src/Pages/Payment/PaymentOptions/PaymentOptions.jsx b/src/Pages/Payment/PaymentOptions/PaymentOptions.jsx index c475635..4c0b595 100644 --- a/src/Pages/Payment/PaymentOptions/PaymentOptions.jsx +++ b/src/Pages/Payment/PaymentOptions/PaymentOptions.jsx @@ -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(); @@ -622,31 +632,31 @@ function PaymentOptions({ setModalOpen }) { (details) => details.FlowId === sectionId ) ? prevState[key]?.map((details) => { - if (details.FlowId === sectionId) { - return { - ...details, - optionDetails: details?.optionDetails?.some( - (opt) => opt.optionId === optionId - ) - ? details?.optionDetails?.filter( - (opt) => opt.optionId !== optionId + if (details.FlowId === sectionId) { + return { + ...details, + optionDetails: details?.optionDetails?.some( + (opt) => opt.optionId === optionId ) - : [ - ...details.optionDetails, - { optionId, optionName: option }, - ], - }; - } - return details; - }) + ? details?.optionDetails?.filter( + (opt) => opt.optionId !== optionId + ) + : [ + ...details.optionDetails, + { optionId, optionName: option }, + ], + }; + } + return details; + }) : [ - ...prevState[key], - { - FlowId: sectionId, - FlowName: section, - optionDetails: [{ optionId, optionName: option }], - }, - ]; + ...prevState[key], + { + FlowId: sectionId, + FlowName: section, + optionDetails: [{ optionId, optionName: option }], + }, + ]; return { ...prevState, [key]: updatedDetails }; }); @@ -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 ( @@ -890,22 +913,39 @@ function PaymentOptions({ setModalOpen }) { ) : ( 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 (
- 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) => @@ -1007,23 +1053,27 @@ function PaymentOptions({ setModalOpen }) { // Update newOptionDetails based on whether we are adding or removing let newOptionDetails = isAdding ? [ - ...currentDetails.OptionDetails, - { - OptionName: configName, - ModeDetails: [ - { - ModeId: optionId, - ModeName: option.ConfigName || option.MethodName || option.MerchantNameIdName || option.BusinessName, - }, - ], - }, - ] + ...currentDetails.OptionDetails, + { + OptionName: configName, + ModeDetails: [ + { + ModeId: optionId, + ModeName: + option.ConfigName || + option.MethodName || + option.MerchantNameIdName || + option.BusinessName, + }, + ], + }, + ] : currentDetails.OptionDetails.map((details) => ({ - ...details, - ModeDetails: details.ModeDetails.filter( - (mode) => mode.ModeId !== optionId - ), - })).filter((details) => details.ModeDetails.length > 0); + ...details, + ModeDetails: details.ModeDetails.filter( + (mode) => mode.ModeId !== optionId + ), + })).filter((details) => details.ModeDetails.length > 0); let updatedOptions = prevCheckedOptions.filter( (opt) => !(opt.FlowName === section && opt.Option === configName) @@ -1334,8 +1384,8 @@ function PaymentOptions({ setModalOpen }) { postData['PaymentDetails'] = consolidatedData; postData['KioskDefaultOption'] = checkedOptions?.length > 0 && - (checkForCardDefaultOption(checkedOptions) || - checkForUpiDefaultOption(checkedOptions)) + (checkForCardDefaultOption(checkedOptions) || + checkForUpiDefaultOption(checkedOptions)) ? defaultStatus : null; if (consolidatedData?.length > 0) { @@ -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 ( -
@@ -1389,11 +1438,16 @@ function PaymentOptions({ setModalOpen }) { messageData={messageData} onComplete={onComplete} /> -
- +
+
-

Configure Your Payment Methods

+

+ Configure Your Payment Methods +

{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 && (
-
)}
@@ -1519,10 +1582,7 @@ function PaymentOptions({ setModalOpen }) { - + Payment Device Payment Gateway @@ -1530,7 +1590,7 @@ function PaymentOptions({ setModalOpen }) { )} -
+
- ); } diff --git a/src/Pages/Product/Utils/CellSelect.jsx b/src/Pages/Product/Utils/CellSelect.jsx index 051cbbb..a519784 100644 --- a/src/Pages/Product/Utils/CellSelect.jsx +++ b/src/Pages/Product/Utils/CellSelect.jsx @@ -1,203 +1,245 @@ -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(({ - value, - onChange, - onKeyDown, - dataCell, - options, - hasError, - placeholder = "Select option", - onClick -}) => { +const CellSelect = memo( + ({ + value, + onChange, + onKeyDown, + dataCell, + options, + hasError, + 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"; - const rect = selectRef.current.getBoundingClientRect(); - const spaceBelow = window.innerHeight - rect.bottom; - const spaceAbove = rect.top; - return (spaceBelow < 200 && spaceAbove > spaceBelow) ? "up" : "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'; }, []); // Close dropdown on outside click or scroll useEffect(() => { - if (!isOpen) return; - - const handler = e => { - if ( - !dropdownRef.current?.contains(e.target) && - !selectRef.current?.contains(e.target) - ) { - setIsOpen(false); - // Reset search term when closing dropdown - setSearchTerm(""); - } - }; - - const scrollHandler = e => { - if ( - dropdownRef.current && - !dropdownRef.current.contains(e.target) && - selectRef.current && - !selectRef.current.contains(e.target) - ) { - setIsOpen(false); - setSearchTerm(""); - } - }; + if (!isOpen) return; - document.addEventListener("mousedown", handler); - window.addEventListener("scroll", scrollHandler, true); + const handler = (e) => { + if ( + !dropdownRef.current?.contains(e.target) && + !selectRef.current?.contains(e.target) + ) { + setIsOpen(false); + // Reset search term when closing dropdown + setSearchTerm(''); + } + }; - return () => { - document.removeEventListener("mousedown", handler); - window.removeEventListener("scroll", scrollHandler, true); - }; + const scrollHandler = (e) => { + if ( + dropdownRef.current && + !dropdownRef.current.contains(e.target) && + selectRef.current && + !selectRef.current.contains(e.target) + ) { + setIsOpen(false); + setSearchTerm(''); + } + }; + + document.addEventListener('mousedown', handler); + window.addEventListener('scroll', scrollHandler, true); + + return () => { + document.removeEventListener('mousedown', handler); + window.removeEventListener('scroll', scrollHandler, true); + }; }, [isOpen]); // Focus search input when dropdown opens useEffect(() => { - if (isOpen && searchInputRef.current) { - searchInputRef.current.focus(); - } + if (isOpen && searchInputRef.current) { + searchInputRef.current.focus(); + } }, [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)) { - e.preventDefault(); - onKeyDown(e); - return; - } - - if (isOpen && ["ArrowLeft", "ArrowRight"].includes(e.key)) { - e.preventDefault(); - return; - } - - 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); - } - return; - } - - if (e.key === "Escape") { - e.preventDefault(); - setIsOpen(false); - 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); - e.preventDefault(); - return; - } - + const handleKeyDown = (e) => { + if ( + !isOpen && + ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(e.key) + ) { + e.preventDefault(); onKeyDown(e); - }; + return; + } - const handleSelectChange = v => { - onChange({ target: { value: v } }); + if (isOpen && ['ArrowLeft', 'ArrowRight'].includes(e.key)) { + e.preventDefault(); + return; + } + + 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); + } + return; + } + + if (e.key === 'Escape') { + e.preventDefault(); setIsOpen(false); - setSearchTerm(""); // Clear search term after selection + 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); + e.preventDefault(); + return; + } + + onKeyDown(e); }; - const handleSearchChange = e => { - setSearchTerm(e.target.value); + const handleSelectChange = (v) => { + onChange({ target: { value: v } }); + setIsOpen(false); + setSearchTerm(''); // Clear search term after selection + }; + + const handleSearchChange = (e) => { + setSearchTerm(e.target.value); }; const clearSearch = () => { - setSearchTerm(""); - if (searchInputRef.current) { - searchInputRef.current.focus(); - } + 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 ( -
-
{ - setIsOpen(v => !v); - onClick?.(e); - }} - onKeyDown={handleKeyDown} - data-cell={dataCell} - tabIndex={0} - > - - {isOpen ? ( - e.stopPropagation()} - placeholder={selectedOption?.label || placeholder} - /> - ) : ( - displayValue - )} - - - {isOpen ? : } - -
- {isOpen && ( -
-
- {filteredOptions.length === 0 ? ( -
- {searchTerm ? "No matches found" : "No data"} -
- ) : ( - filteredOptions.map(option => ( -
handleSelectChange(option.value)} - > - {option.label} -
- )) - )} -
-
+
+
{ + setIsOpen((v) => !v); + onClick?.(e); + }} + onKeyDown={handleKeyDown} + data-cell={dataCell} + tabIndex={0} + > + + {isOpen ? ( + e.stopPropagation()} + placeholder={selectedOption?.label || placeholder} + /> + ) : ( + displayValue )} + + + {isOpen ? : } +
+ {isOpen && + createPortal( +
+
+ {filteredOptions.length === 0 ? ( +
+ {searchTerm ? 'No matches found' : 'No data'} +
+ ) : ( + filteredOptions.map((option) => ( +
handleSelectChange(option.value)} + > + {option.label} +
+ )) + )} +
+
, + document.body + )} +
); -}); + } +); -export default CellSelect; \ No newline at end of file +export default CellSelect; diff --git a/src/Pages/PurchaseScreen/LSBillTable/ExtraCharge.scss b/src/Pages/PurchaseScreen/LSBillTable/ExtraCharge.scss index 9afda18..c920041 100644 --- a/src/Pages/PurchaseScreen/LSBillTable/ExtraCharge.scss +++ b/src/Pages/PurchaseScreen/LSBillTable/ExtraCharge.scss @@ -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] { diff --git a/src/Styles/BookingScreen/Components/BSBillingTables/BSBillingTables3/BSBillingTable3.scss b/src/Styles/BookingScreen/Components/BSBillingTables/BSBillingTables3/BSBillingTable3.scss index 018b878..1cd3d48 100644 --- a/src/Styles/BookingScreen/Components/BSBillingTables/BSBillingTables3/BSBillingTable3.scss +++ b/src/Styles/BookingScreen/Components/BSBillingTables/BSBillingTables3/BSBillingTable3.scss @@ -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; } diff --git a/src/Styles/BookingScreen/Components/BSCategories/BSCategoryHorizontal.scss b/src/Styles/BookingScreen/Components/BSCategories/BSCategoryHorizontal.scss index 1014ca4..caf3854 100644 --- a/src/Styles/BookingScreen/Components/BSCategories/BSCategoryHorizontal.scss +++ b/src/Styles/BookingScreen/Components/BSCategories/BSCategoryHorizontal.scss @@ -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; diff --git a/src/Styles/BookingScreen/Components/BSCategories/BSCategoryVertical.scss b/src/Styles/BookingScreen/Components/BSCategories/BSCategoryVertical.scss index 1d7b4f8..0d61ccf 100644 --- a/src/Styles/BookingScreen/Components/BSCategories/BSCategoryVertical.scss +++ b/src/Styles/BookingScreen/Components/BSCategories/BSCategoryVertical.scss @@ -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 { diff --git a/src/Styles/BookingScreen/Components/BSItemCards/BSItemCard.scss b/src/Styles/BookingScreen/Components/BSItemCards/BSItemCard.scss index 785e55d..54f9a4f 100644 --- a/src/Styles/BookingScreen/Components/BSItemCards/BSItemCard.scss +++ b/src/Styles/BookingScreen/Components/BSItemCards/BSItemCard.scss @@ -1,8 +1,8 @@ .bs-item-card-masterdiv { padding: 0rem 0rem; - overflow: auto; - // height: 80vh; + overflow: auto; 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; + } +} diff --git a/src/Styles/BookingScreen/Components/BSSubCategories/BSSubCategoryVertical.scss b/src/Styles/BookingScreen/Components/BSSubCategories/BSSubCategoryVertical.scss index 6283149..6ed9644 100644 --- a/src/Styles/BookingScreen/Components/BSSubCategories/BSSubCategoryVertical.scss +++ b/src/Styles/BookingScreen/Components/BSSubCategories/BSSubCategoryVertical.scss @@ -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 */ } diff --git a/src/Styles/BookingScreen/Template/BSLayout1/BSLayout1.scss b/src/Styles/BookingScreen/Template/BSLayout1/BSLayout1.scss index 03c856e..7185373 100644 --- a/src/Styles/BookingScreen/Template/BSLayout1/BSLayout1.scss +++ b/src/Styles/BookingScreen/Template/BSLayout1/BSLayout1.scss @@ -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; } diff --git a/src/Styles/BookingScreen/Template/BSLayout2/BSLayout2.scss b/src/Styles/BookingScreen/Template/BSLayout2/BSLayout2.scss index 8e5c9d7..ddb682c 100644 --- a/src/Styles/BookingScreen/Template/BSLayout2/BSLayout2.scss +++ b/src/Styles/BookingScreen/Template/BSLayout2/BSLayout2.scss @@ -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); +} diff --git a/src/Styles/BookingScreen/Template/BSLayout3/BSLayout3.scss b/src/Styles/BookingScreen/Template/BSLayout3/BSLayout3.scss index 8f38e03..961fcd2 100644 --- a/src/Styles/BookingScreen/Template/BSLayout3/BSLayout3.scss +++ b/src/Styles/BookingScreen/Template/BSLayout3/BSLayout3.scss @@ -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 */ -} \ No newline at end of file +} + +.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; + } +} diff --git a/src/Styles/BookingScreen/Template/BSLayout4/BSLayout4.scss b/src/Styles/BookingScreen/Template/BSLayout4/BSLayout4.scss index 85ab36c..3bd0a71 100644 --- a/src/Styles/BookingScreen/Template/BSLayout4/BSLayout4.scss +++ b/src/Styles/BookingScreen/Template/BSLayout4/BSLayout4.scss @@ -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; + } +} diff --git a/src/Styles/BookingScreen/Template/BSLayout5/BSLayout5.scss b/src/Styles/BookingScreen/Template/BSLayout5/BSLayout5.scss index 851345b..2a8907a 100644 --- a/src/Styles/BookingScreen/Template/BSLayout5/BSLayout5.scss +++ b/src/Styles/BookingScreen/Template/BSLayout5/BSLayout5.scss @@ -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; + } +} diff --git a/src/Styles/BookingScreen/Template/BSLayout6/BSLayout6.scss b/src/Styles/BookingScreen/Template/BSLayout6/BSLayout6.scss index a54ee82..8dbc021 100644 --- a/src/Styles/BookingScreen/Template/BSLayout6/BSLayout6.scss +++ b/src/Styles/BookingScreen/Template/BSLayout6/BSLayout6.scss @@ -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; + } +} diff --git a/src/Styles/BookingScreen/Template/BSLayout7/BSC1Payment.scss b/src/Styles/BookingScreen/Template/BSLayout7/BSC1Payment.scss index 2e9fa43..8ddc122 100644 --- a/src/Styles/BookingScreen/Template/BSLayout7/BSC1Payment.scss +++ b/src/Styles/BookingScreen/Template/BSLayout7/BSC1Payment.scss @@ -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; +} diff --git a/src/Styles/BookingScreen/Template/BSLayout7/Combo1.scss b/src/Styles/BookingScreen/Template/BSLayout7/Combo1.scss index 9aa23aa..ebf5bd9 100644 --- a/src/Styles/BookingScreen/Template/BSLayout7/Combo1.scss +++ b/src/Styles/BookingScreen/Template/BSLayout7/Combo1.scss @@ -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; + } } } @@ -551,7 +546,7 @@ height: 28px; } - th>span { + th > span { font-size: 14px !important; @media (max-width: 500px) { @@ -620,7 +615,8 @@ } .SearchSubnavbar-combo { - @media (max-width: 1024px) {} + @media (max-width: 1024px) { + } } .combuSubNavbarRightSide { @@ -666,4 +662,31 @@ justify-content: center; cursor: pointer; color: #fff; -} \ No newline at end of file +} +.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; + } +} diff --git a/src/Styles/DashBoard/RetailDashBoard.scss b/src/Styles/DashBoard/RetailDashBoard.scss index c965b07..5548c20 100644 --- a/src/Styles/DashBoard/RetailDashBoard.scss +++ b/src/Styles/DashBoard/RetailDashBoard.scss @@ -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; diff --git a/src/Styles/Payment/PaymentOptions/PaymentOptions.scss b/src/Styles/Payment/PaymentOptions/PaymentOptions.scss index 8e2ba7e..82a3a66 100644 --- a/src/Styles/Payment/PaymentOptions/PaymentOptions.scss +++ b/src/Styles/Payment/PaymentOptions/PaymentOptions.scss @@ -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 { @@ -60,4 +57,10 @@ margin: 1rem 0; position: unset !important; width: 100%; -} \ No newline at end of file +} + +.SBTNPaymentOptions { + position: fixed; + bottom: 2rem; + right: 2rem; +} diff --git a/src/Styles/Product/Product.scss b/src/Styles/Product/Product.scss index 8cabe6c..cc2c354 100644 --- a/src/Styles/Product/Product.scss +++ b/src/Styles/Product/Product.scss @@ -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; +} diff --git a/src/Styles/Product/TurboAddForm.scss b/src/Styles/Product/TurboAddForm.scss index 1991dae..741323e 100644 --- a/src/Styles/Product/TurboAddForm.scss +++ b/src/Styles/Product/TurboAddForm.scss @@ -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%;