- {isBulk ? {
- setIsBulk(!isBulk);
- setSelectedDate([]);
- }} /> : {
- setIsBulk(!isBulk);
- setSelectedDate([]);
- }} />}
-
} */}
-
- {/*
- {AvailableDate && !isBulk &&
-
*/}
-
- }
-
- {isBulk && AvailableDate && (
-
-
- )}
-
{showSalesTooltip ? (
)}
- {preferenceshortcutkey &&
+
+ )}
{Customisebillno &&
@@ -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 (
+
{PricingAppPricingName?.[0]?.PricingName && (
@@ -1412,9 +1419,11 @@ const RetailDashboard = () => {
{PricingAppPricingName?.[0]?.PricingName +
' / ' +
PricingAppPricingName?.[0]?.Type}
+
)}
-
);
}
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 (
+ Plan Expiry on : {ExpiryDate}
+
Plan Expiry on {ExpiryDate}
- 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}
/>
-
-
+
Payment Device
Payment Gateway
@@ -1530,7 +1590,7 @@ function PaymentOptions({ setModalOpen }) {
)}
-
+
- 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 }) {
-
-
)}
+
-
);
}
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}
-
- ))
- )}
-
+
);
-});
+ }
+);
-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%;
{
+ setIsOpen((v) => !v);
+ onClick?.(e);
+ }}
+ onKeyDown={handleKeyDown}
+ data-cell={dataCell}
+ tabIndex={0}
+ >
+
+ {isOpen ? (
+ e.stopPropagation()}
+ placeholder={selectedOption?.label || placeholder}
+ />
+ ) : (
+ displayValue
)}
+
+
+ {isOpen ?
+ {isOpen &&
+ createPortal(
+
+
,
+ document.body
+ )}
+
+ {filteredOptions.length === 0 ? (
+
+
+ {searchTerm ? 'No matches found' : 'No data'}
+
+ ) : (
+ filteredOptions.map((option) => (
+ handleSelectChange(option.value)}
+ >
+ {option.label}
+
+ ))
+ )}
+