+
{
const [branchData, setBranchData] = useState([]);
const [page, setPage] = useState(1);
- const [isPreviewModalOpen, setIsPreviewModalOpen] = useState(false);
- const [pdfPreviewUrl, setPdfPreviewUrl] = useState('');
const qrCodeRef = useRef(null);
+ const printContentRef = useRef(null);
const CompId = getSession('CompId');
const BranchId = getSession('BranchId');
const AppId = getSession('AppId');
@@ -296,7 +295,7 @@ const PublicQrCode = () => {
if (res?.data?.statusCode == 1) {
const QrUrl = `${subDirectory}selfBooking/${res?.data?.ReferenceNo}`;
setQrCodeUrl(QrUrl);
- generatePDF(true, QrUrl);
+ setTimeout(() => window.print(), 500);
}
} catch (error) {
console.error('HandleSubmit Error:', error);
@@ -305,187 +304,7 @@ const PublicQrCode = () => {
}
};
- // Function to generate PDF
- const generatePDF = async (isPreview = false, encrypted) => {
- console.log('generatePDF called with:', { isPreview, encrypted });
- if (!encrypted) {
- setMessageType('error');
- setMessageData('Please generate QR code first');
- return;
- }
-
- try {
- // Get booking type name and table name for display
- const bookingTypeName =
- filtered?.find((item) => item.ConfigId === configId)?.ConfigName ||
- 'Both';
- const tableName =
- Tabledata?.find((item) => item.TableId === TableId)?.TableName || '';
-
- // Get branch details
- const branch = branchData?.[0] || {};
- const branchName = branch.BrName || branch.CompName || '';
- const branchMobile = branch.BrMobile || '';
- const companyLogo = branch.CompLogo || '';
- const branchAddress =
- [
- branch.Address1,
- branch.Address2,
- branch.City,
- branch.State,
- branch.Zip,
- ]
- .filter(Boolean)
- .join(', ') || '';
-
- // Create a temporary div for PDF content
- const tempDiv = document.createElement('div');
- tempDiv.style.padding = '40px';
- tempDiv.style.backgroundColor = 'white';
- tempDiv.style.fontFamily = 'Arial, sans-serif';
- tempDiv.style.textAlign = 'center';
- tempDiv.style.width = '600px';
- tempDiv.style.margin = '0 auto';
-
- // Add content to the temporary div
- tempDiv.innerHTML = `
-
- ${companyLogo ? `
` : ''}
-
${branchName ? branchName : ''}
-
${branchAddress ? branchAddress : ''}
-
Mobile: ${branchMobile ? branchMobile : ''}
-
-
Self Booking QR Code
-
-
-
- `;
-
- // Add the temporary div to the document
- document.body.appendChild(tempDiv);
-
- // Create QR code in the container
- const qrContainer = tempDiv.querySelector('#qr-code-container');
- const qrCodeSvg = document.createElementNS(
- 'http://www.w3.org/2000/svg',
- 'svg'
- );
- qrCodeSvg.setAttribute('width', '200');
- qrCodeSvg.setAttribute('height', '200');
- qrCodeSvg.setAttribute('viewBox', '0 0 256 256');
-
- // Use the QRCode library to generate SVG content
- const QRCodeLib = await import('qrcode');
- const qrDataUrl = await QRCodeLib.toDataURL(encrypted, {
- width: 200,
- margin: 2,
- });
-
- // Create an image element for the QR code
- const qrImage = document.createElement('img');
- qrImage.src = qrDataUrl;
- qrImage.style.width = '200px';
- qrImage.style.height = '200px';
- qrContainer.appendChild(qrImage);
-
- // Wait for all images to load (QR code and company logo if present)
- const imagesToLoad = [qrImage];
- const companyLogoImg = tempDiv.querySelector('#company-logo');
- if (companyLogoImg) {
- imagesToLoad.push(companyLogoImg);
- }
-
- await Promise.all(
- imagesToLoad.map(
- (img) =>
- new Promise((resolve) => {
- if (img.complete) {
- resolve();
- } else {
- img.onload = resolve;
- img.onerror = resolve; // Continue even if logo fails to load
- }
- })
- )
- );
-
- // Generate PDF using html2canvas and jsPDF
- const canvas = await html2canvas(tempDiv, {
- scale: 2,
- useCORS: true,
- allowTaint: true,
- backgroundColor: '#ffffff',
- });
-
- const imgData = canvas.toDataURL('image/png');
- const pdf = new jsPDF('p', 'mm', 'a4');
-
- const imgWidth = 190;
- const pageHeight = 295;
- const imgHeight = (canvas.height * imgWidth) / canvas.width;
- let heightLeft = imgHeight;
- let position = 10;
-
- pdf.addImage(imgData, 'PNG', 10, position, imgWidth, imgHeight);
- heightLeft -= pageHeight;
-
- while (heightLeft >= 0) {
- position = heightLeft - imgHeight;
- pdf.addPage();
- pdf.addImage(imgData, 'PNG', 10, position, imgWidth, imgHeight);
- heightLeft -= pageHeight;
- }
-
- // Clean up
- document.body.removeChild(tempDiv);
-
- if (isPreview) {
- // Generate blob URL for preview
- console.log('Generating PDF preview...');
- const pdfBlob = pdf.output('blob');
- const pdfUrl = URL.createObjectURL(pdfBlob);
- console.log('PDF preview URL created:', pdfUrl);
- setPdfPreviewUrl(pdfUrl);
- setIsPreviewModalOpen(true);
- } else {
- // Download the PDF
- console.log('Downloading PDF...');
- const branch = branchData?.[0] || {};
- const branchName = (
- branch.BrName ||
- branch.CompName ||
- 'Branch'
- ).replace(/[^a-zA-Z0-9]/g, '_');
- const fileName = `QR_Code_${branchName}_${bookingTypeName}_${tableName}_${new Date().toISOString().split('T')[0]}.pdf`;
- console.log('PDF filename:', fileName);
- pdf.save(fileName);
- console.log('PDF download initiated');
- setMessageType('success');
- setMessageData('PDF downloaded successfully!');
- }
- } catch (error) {
- console.error('Error generating PDF:', error);
- console.error('Error details:', {
- message: error.message,
- stack: error.stack,
- encrypted: encrypted,
- configId: configId,
- TableId: TableId,
- });
- setMessageType('error');
- setMessageData(
- `Error generating PDF: ${error.message}. Please try again.`
- );
- }
- };
const onComplete = useCallback(() => {
setMessageData(null);
@@ -571,7 +390,7 @@ const PublicQrCode = () => {
-
+
{
{qrCodeUrl && (
<>
+
+ window.print()}
+ icon={}
+ >
+ PRINT
+
+
{
setTableId(null);
setWaiterId(null);
setTabledata([]);
- setPdfPreviewUrl('');
- setIsPreviewModalOpen(false);
}}
>
CLEAR
@@ -696,7 +524,7 @@ const PublicQrCode = () => {
-
+
-
- {/* PDF Preview Modal */}
-
{
- setIsPreviewModalOpen(false);
- if (pdfPreviewUrl) {
- URL.revokeObjectURL(pdfPreviewUrl);
- setPdfPreviewUrl('');
- }
- }}
- footer={false}
- // footer={[
- // {
- // generatePDF(false, qrCodeUrl);
- // setIsPreviewModalOpen(false);
- // if (pdfPreviewUrl) {
- // URL.revokeObjectURL(pdfPreviewUrl);
- // setPdfPreviewUrl('');
- // }
- // }}
- // icon={}
- // >
- // DOWNLOAD
- // ,
- // {
- // setIsPreviewModalOpen(false);
- // if (pdfPreviewUrl) {
- // URL.revokeObjectURL(pdfPreviewUrl);
- // setPdfPreviewUrl('');
- // }
- // }}
- // >
- // CLOSE
- //
- // ]}
- width={1000}
- style={{ top: 20 }}
- >
- {pdfPreviewUrl && (
-
-
+
+ {/* Print Content - A4 Format */}
+ {qrCodeUrl && (
+
+
+ {branchData?.[0]?.CompLogo && (
+
+
+
+ )}
+
+ {branchData?.[0]?.BrName || branchData?.[0]?.CompName || ''}
+
+
+ {[branchData?.[0]?.Address1, branchData?.[0]?.Address2, branchData?.[0]?.City, branchData?.[0]?.State, branchData?.[0]?.Zip]
+ .filter(Boolean)
+ .join(', ')}
+
+
+ Mobile: {branchData?.[0]?.BrMobile || ''}
+
+
+
+ URL: {qrCodeUrl}
+
+
)}
-
+
);
};
diff --git a/src/Pages/SlotManagement/SlotManagement.scss b/src/Pages/SlotManagement/SlotManagement.scss
index 8611039..2c4156b 100644
--- a/src/Pages/SlotManagement/SlotManagement.scss
+++ b/src/Pages/SlotManagement/SlotManagement.scss
@@ -1,5 +1,5 @@
.slot-management {
- font-family: 'Poppins', sans-serif;
+ font-family: "Poppins", sans-serif;
width: 100%;
margin: 0 auto;
@@ -257,3 +257,19 @@
.SlotManagementTable {
margin-top: 20px;
}
+
+.slotmanagemantTable {
+ .ant-table-cell {
+ font-size: 12px;
+ }
+ .ant-table-tbody {
+ font-family: "Poppins";
+ }
+ button{
+ font-family: "Poppins";
+ span{
+ font-family: "Poppins";
+
+ }
+ }
+}
diff --git a/src/Pages/SlotManagement/SlotManagementList.jsx b/src/Pages/SlotManagement/SlotManagementList.jsx
index 4012563..e4fa341 100644
--- a/src/Pages/SlotManagement/SlotManagementList.jsx
+++ b/src/Pages/SlotManagement/SlotManagementList.jsx
@@ -1,23 +1,32 @@
-import { useCallback, useEffect, useState } from "react";
-import { useDispatch, useSelector } from "react-redux";
-import { dateTimeFormatChange, getSession } from "../../Services/Others";
-import { deleteSlotManagement, getSlotManagement, GlobalSlotDetailData } from "../../Features/SlotManagement/SlotManagement";
-import { Button, Modal, Table, Tag, List, Space } from "antd";
-import { ClockCircleOutlined, CalendarOutlined, DeleteFilled, PlusOutlined } from "@ant-design/icons";
-import Buttons from "../../Components/Forms/Buttons";
-import Search from "../../Components/Forms/Search";
-import FormHeader from "../PageComponents/FormHeader";
-import { useNavigate } from "react-router-dom";
-import { Messages } from "../../Components/Notifications/Messages";
-import { Tables } from "../../Components/Tables/Table";
-import { changeBreadCrumb } from "../../Features/AppPage/CenterPage";
+import { useCallback, useEffect, useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import { dateTimeFormatChange, getSession } from '../../Services/Others';
+import {
+ deleteSlotManagement,
+ getSlotManagement,
+ GlobalSlotDetailData,
+} from '../../Features/SlotManagement/SlotManagement';
+import { Button, Modal, Table, Tag, List, Space } from 'antd';
+import {
+ ClockCircleOutlined,
+ CalendarOutlined,
+ DeleteFilled,
+ PlusOutlined,
+} from '@ant-design/icons';
+import Buttons from '../../Components/Forms/Buttons';
+import Search from '../../Components/Forms/Search';
+import FormHeader from '../PageComponents/FormHeader';
+import { useNavigate } from 'react-router-dom';
+import { Messages } from '../../Components/Notifications/Messages';
+import { Tables } from '../../Components/Tables/Table';
+import { changeBreadCrumb } from '../../Features/AppPage/CenterPage';
const subDirectory = import.meta.env.BASE_URL;
const SlotManagementList = () => {
- const CompId = getSession("CompId");
- const BranchId = getSession("BranchId");
- const AppId = getSession("AppId");
- const UserId = getSession("UserId");
+ const CompId = getSession('CompId');
+ const BranchId = getSession('BranchId');
+ const AppId = getSession('AppId');
+ const UserId = getSession('UserId');
const dispatch = useDispatch();
const navigate = useNavigate();
@@ -36,48 +45,48 @@ const SlotManagementList = () => {
const [filteredInfo, setFilteredInfo] = useState({});
const [page, setpage] = useState(1);
-
console.log(SloteData, 'fsafsfsdfdsfdsfdafda');
useEffect(() => {
fetchManagementHistory();
}, []);
const items = [
- {
- name: 'Home',
- link: `${subDirectory}app-page/home`,
- },
+ {
+ name: 'Home',
+ link: `${subDirectory}app-page/home`,
+ },
- {
- name: 'Slot Management',
- link: `${subDirectory}setting/slot-management-list`,
- },
-];
-useEffect(() => {
+ {
+ name: 'Slot Management',
+ link: `${subDirectory}setting/slot-management-list`,
+ },
+ ];
+ useEffect(() => {
try {
dispatch(changeBreadCrumb({ items: items }));
} catch (err) {
console.log(err, 'err');
}
-
}, []);
-
+
const fetchManagementHistory = async () => {
- const response = await dispatch(getSlotManagement({ CompId, BranchId, AppId })).unwrap();
+ const response = await dispatch(
+ getSlotManagement({ CompId, BranchId, AppId })
+ ).unwrap();
const slotData = response?.data?.data;
setSloteData(slotData || []);
-
};
const handleDelete = async (ExceptionId) => {
-
try {
const deleteData = {
ExceptionId: ExceptionId,
UpdatedBy: UserId,
- ActiveStatus: "D",
+ ActiveStatus: 'D',
};
- const response = await dispatch(deleteSlotManagement(deleteData)).unwrap();
+ const response = await dispatch(
+ deleteSlotManagement(deleteData)
+ ).unwrap();
if (response?.data?.statusCode == 1) {
fetchManagementHistory();
setMessageType('success');
@@ -85,7 +94,7 @@ useEffect(() => {
}
} catch (error) {
setMessageType('success');
- setMessageData("Failed to delete slot.");
+ setMessageData('Failed to delete slot.');
}
};
@@ -94,13 +103,14 @@ useEffect(() => {
setMessageType(null);
}, []);
const handleViewSlots = (record) => {
- const flattenedSlots = record?.SlotDetails?.flatMap((slot) =>
- slot.SlotExceptionDetails.map((exception) => ({
- ...exception,
- ProdSubCatName: slot.ProdSubCatName,
- ProdName: slot.ProdName,
- }))
- ) || [];
+ const flattenedSlots =
+ record?.SlotDetails?.flatMap((slot) =>
+ slot.SlotExceptionDetails.map((exception) => ({
+ ...exception,
+ ProdSubCatName: slot.ProdSubCatName,
+ ProdName: slot.ProdName,
+ }))
+ ) || [];
setSelectedSlots(flattenedSlots);
setSelectedProduct(record);
@@ -131,61 +141,62 @@ useEffect(() => {
};
const managementColumns = [
{
- title: 'Sl.No',
- key: 'sno',
- align: 'center',
- width: '60px',
- render: (text, object, index) => (
-
{(page - 1) * 10 + index + 1}
- ),
- },
- {
- title: "Slot Action",
- dataIndex: "ExceptionType",
- key: "ExceptionType",
- render: (text) => {
- if (!text) return "-";
-
- const mapping = {
- block: "Block",
- holiday: "Holiday",
- pricechange: "Price Change"
- };
-
- // convert value safely (case-insensitive)
- const formattedValue = mapping[text?.toLowerCase()] || text;
-
- return
{formattedValue};
- },
+ title: 'Sl.No',
+ key: 'sno',
+ align: 'center',
+ width: '60px',
+ render: (text, object, index) => (
+
{(page - 1) * 10 + index + 1}
+ ),
},
- { title: "Activity Type", dataIndex: "ModeOfException", key: "ModeOfException",
- render: (text) => {
- if (!text) return "-";
+ {
+ title: 'Slot Action',
+ dataIndex: 'ExceptionType',
+ key: 'ExceptionType',
+ render: (text) => {
+ if (!text) return '-';
- const mapping = {
- subcategory: "Sub Category",
- product: "Facility",
- slot: "Slot",
- full_branch: "Full Branch",
- category: "Category",
+ const mapping = {
+ block: 'Block',
+ holiday: 'Holiday',
+ pricechange: 'Price Change',
+ };
- };
+ // convert value safely (case-insensitive)
+ const formattedValue = mapping[text?.toLowerCase()] || text;
- // convert value safely (case-insensitive)
- const formattedValue = mapping[text?.toLowerCase()] || text;
+ return
{formattedValue};
+ },
+ },
+ {
+ title: 'Activity Type',
+ dataIndex: 'ModeOfException',
+ key: 'ModeOfException',
+ render: (text) => {
+ if (!text) return '-';
- return
{formattedValue};
- },
- },
+ const mapping = {
+ subcategory: 'Sub Category',
+ product: 'Facility',
+ slot: 'Slot',
+ full_branch: 'Full Branch',
+ category: 'Category',
+ };
+ // convert value safely (case-insensitive)
+ const formattedValue = mapping[text?.toLowerCase()] || text;
+
+ return
{formattedValue};
+ },
+ },
{
- title: "Slot Details",
- key: "SlotDetails",
- align: "center",
+ title: 'Slot Details',
+ key: 'SlotDetails',
+ align: 'center',
render: (_, record) => (
}
+ icon={
}
type="link"
onClick={() => handleViewSlots(record)}
>
@@ -194,64 +205,77 @@ useEffect(() => {
),
},
{
- title: "Day(s)",
- key: "DayOfWeek",
- align: "center",
- render: (_, record) => (
- record?.DayOfWeek.length > 0 ? (
-
}
- type="link"
- onClick={() => handleViewDays(record)}
- >
- View
-
- ) :'-'
- ),
+ title: 'Day(s)',
+ key: 'DayOfWeek',
+ align: 'center',
+ render: (_, record) =>
+ record?.DayOfWeek.length > 0 ? (
+
}
+ type="link"
+ onClick={() => handleViewDays(record)}
+ >
+ View
+
+ ) : (
+ '-'
+ ),
},
- { title: "Reason", dataIndex: "Reason", key: "Reason" },
+ { title: 'Reason', dataIndex: 'Reason', key: 'Reason' },
{
- title: "Action",
- key: "Action",
- dataIndex: "Action",
+ title: 'Action',
+ key: 'Action',
+ dataIndex: 'Action',
width: 100,
- align: "center",
+ align: 'center',
render: (_, record) => (
handleDelete(record.ExceptionId)}
/>
),
- }
+ },
];
-// Utility: check if a column has any non-null / non-empty data
-const hasDataInColumn = (data, key) => {
- return data.some(item => item[key] !== null && item[key] !== undefined && item[key] !== "" && item[key] !== 0);
-};
+ // Utility: check if a column has any non-null / non-empty data
+ const hasDataInColumn = (data, key) => {
+ return data.some(
+ (item) =>
+ item[key] !== null &&
+ item[key] !== undefined &&
+ item[key] !== '' &&
+ item[key] !== 0
+ );
+ };
const allSlotColumns = [
- { title: "Slot Name", dataIndex: "SlotName", key: "SlotName" },
- { title: "Facility", dataIndex: "ProdName", key: "ProdName" },
- { title: "Sub category", dataIndex: "ProdSubCatName", key: "ProdSubCatName" },
+ { title: 'Slot Name', dataIndex: 'SlotName', key: 'SlotName' },
+ { title: 'Facility', dataIndex: 'ProdName', key: 'ProdName' },
{
- title: "Valid From",
- dataIndex: "ExceptionFrom",
- key: "ExceptionFrom",
+ title: 'Sub category',
+ dataIndex: 'ProdSubCatName',
+ key: 'ProdSubCatName',
+ },
+ {
+ title: 'Valid From',
+ dataIndex: 'ExceptionFrom',
+ key: 'ExceptionFrom',
render: (text) => dateTimeFormatChange(text),
},
{
- title: "Valid To",
- dataIndex: "ExceptionTo",
- key: "ExceptionTo",
+ title: 'Valid To',
+ dataIndex: 'ExceptionTo',
+ key: 'ExceptionTo',
render: (text) => dateTimeFormatChange(text),
},
- { title: "New Price", dataIndex: "NewPrice", key: "NewPrice" },
- { title: "Single Price", dataIndex: "SinglePrice", key: "SinglePrice" },
+ { title: 'New Price', dataIndex: 'NewPrice', key: 'NewPrice' },
+ { title: 'Single Price', dataIndex: 'SinglePrice', key: 'SinglePrice' },
];
-const slotColumns = allSlotColumns.filter(col => hasDataInColumn(selectedSlots, col.dataIndex));
- const handlePageChange = (current) => {
+ const slotColumns = allSlotColumns.filter((col) =>
+ hasDataInColumn(selectedSlots, col.dataIndex)
+ );
+ const handlePageChange = (current) => {
setpage(current);
};
@@ -266,7 +290,7 @@ const slotColumns = allSlotColumns.filter(col => hasDataInColumn(selectedSlots,
-
+
{/* hasDataInColumn(selectedSlots,
-
+
{/* Slot Modal */}
setIsSlotModalOpen(false)}
footer={null}
@@ -327,7 +351,10 @@ const slotColumns = allSlotColumns.filter(col => hasDataInColumn(selectedSlots,
dataSource={selectedDays}
renderItem={(day) => (
-
+
{day.toUpperCase()}
@@ -339,7 +366,6 @@ const slotColumns = allSlotColumns.filter(col => hasDataInColumn(selectedSlots,
-
);
};
diff --git a/src/Styles/AppPage/AppPage.scss b/src/Styles/AppPage/AppPage.scss
index c72ffb9..2b17696 100644
--- a/src/Styles/AppPage/AppPage.scss
+++ b/src/Styles/AppPage/AppPage.scss
@@ -26,7 +26,7 @@
// margin: 0px max(10px, 5vw);
// width: 81vw !important;
// margin: 0px max(0px, 0vw) !important;
- border-radius: 12px;
+ border-radius: 12px;
width: 100%;
height: 100%;
background-color: #fff;
@@ -37,7 +37,7 @@
// width: 99.9% !important;
@media (max-width: 500px) {
- height: 91vh !important;
+ height: 95vh !important;
}
}
@@ -180,7 +180,7 @@
row-gap: 0.5rem;
gap: 2rem;
// flex-wrap: wrap;
- @media (max-width:768px){
+ @media (max-width: 768px) {
flex-wrap: wrap;
}
}
@@ -234,7 +234,7 @@
justify-content: space-between;
row-gap: 1rem;
width: 100%;
- @media (max-width:768px){
+ @media (max-width: 768px) {
flex-wrap: unset !important;
}
}
diff --git a/src/Styles/BookingScreen/Components/BSCategories/BSCategoryHorizontal.scss b/src/Styles/BookingScreen/Components/BSCategories/BSCategoryHorizontal.scss
index dc55f2d..11bce01 100644
--- a/src/Styles/BookingScreen/Components/BSCategories/BSCategoryHorizontal.scss
+++ b/src/Styles/BookingScreen/Components/BSCategories/BSCategoryHorizontal.scss
@@ -327,7 +327,7 @@
}
.CategoryHorizontalNew {
- padding: 1rem 1rem;
+ padding: 12px 12px;
font-family: 'Inter', sans-serif;
display: flex;
align-items: center;
diff --git a/src/Styles/BookingScreen/Components/BSItemCards/BSItemCard.scss b/src/Styles/BookingScreen/Components/BSItemCards/BSItemCard.scss
index 70f38de..fe220df 100644
--- a/src/Styles/BookingScreen/Components/BSItemCards/BSItemCard.scss
+++ b/src/Styles/BookingScreen/Components/BSItemCards/BSItemCard.scss
@@ -115,7 +115,7 @@
color: #52c41a;
font-size: 14px;
font-weight: 600;
- font-family: 'Gilroy';
+ font-family: "Gilroy";
// nk
white-space: nowrap;
overflow: hidden;
@@ -595,7 +595,7 @@
.qtyUomName {
font-size: 15px;
font-weight: 600;
- font-family: 'Gilroy';
+ font-family: "Gilroy";
text-align: center;
}
@@ -603,7 +603,7 @@
.qtyUomName-itemCard {
font-size: 15px;
font-weight: 600;
- font-family: 'Gilroy';
+ font-family: "Gilroy";
text-align: center;
white-space: nowrap;
overflow: hidden;
@@ -1010,7 +1010,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) {
@@ -1023,7 +1023,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;
@@ -1036,7 +1036,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 {
@@ -1059,7 +1059,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;
}
}
@@ -1139,7 +1139,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;
@@ -1220,7 +1220,7 @@
row-gap: 0.5rem;
// position: fixed;
// bottom: 10px;
- font-family: 'Poppins';
+ font-family: "Poppins";
font-size: 14px;
color: #000;
font-weight: 400;
@@ -1283,7 +1283,7 @@
color: #fff;
font-size: 16px;
font-weight: 400;
- font-family: 'Poppins';
+ font-family: "Poppins";
display: flex;
align-items: center;
gap: 4px;
@@ -1324,7 +1324,7 @@
background-color: #4caf50;
color: #fff;
font-size: 14px;
- font-family: 'Poppins';
+ font-family: "Poppins";
border-radius: 6px;
cursor: pointer;
}
@@ -1338,7 +1338,7 @@
}
.blukSlotTbody {
- font-family: 'Poppins', sans-serif;
+ font-family: "Poppins", sans-serif;
text-align: center;
}
@@ -1428,7 +1428,7 @@
.slot-price {
font-weight: 500;
- font-family: 'Poppins';
+ font-family: "Poppins";
font-size: 0.8rem;
> div:nth-child(1) {
@@ -1478,7 +1478,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;
@@ -1495,6 +1495,9 @@
min-width: 60vw;
overflow: auto;
max-width: 90vw;
+ @media (max-width: 600px) {
+ max-width: 83vw;
+ }
}
.bulk-submit-btn {
@@ -1507,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;
@@ -1524,6 +1527,10 @@
align-items: center;
display: flex;
padding: 2px 5px;
+ @media (max-width: 768px) {
+ flex-wrap: wrap;
+ gap: 6px;
+ }
}
.SportsSlotHeader1 {
@@ -1531,7 +1538,7 @@
align-items: center;
display: flex;
font-size: 18px;
- font-family: 'Poppins';
+ font-family: "Poppins";
font-weight: 500;
.CiShopIcon {
@@ -1546,7 +1553,7 @@
}
p {
- font-family: 'Poppins';
+ font-family: "Poppins";
font-weight: 400;
font-size: 16px;
}
@@ -1566,6 +1573,10 @@
background: #ffffff;
margin-bottom: 8px;
gap: 2rem;
+ @media (max-width: 600px) {
+ flex-wrap: wrap;
+ gap: 10px;
+ }
}
.sports-slot-toggle {
@@ -1586,7 +1597,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);
@@ -1656,6 +1667,9 @@
gap: 12px;
min-width: 300px;
justify-content: center;
+ @media (max-width: 600px) {
+ min-width: 280px;
+ }
}
.bookingSportSlot {
@@ -1667,7 +1681,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;
@@ -1677,6 +1691,9 @@
&:hover {
border-color: #3793f5;
}
+ @media (max-width: 600px) {
+ padding: 2px 2px;
+ }
}
.slotproductName {
@@ -1708,13 +1725,17 @@
display: flex;
flex-wrap: wrap;
gap: 10px;
+ @media (max-width: 600px) {
+ gap: 4px;
+ justify-content: space-between;
+ width: 100%;
+ }
}
.slotTimingSelect {
padding: 8px 8px;
border-radius: 6px;
cursor: pointer;
- transition: all 0.2s ease;
border: 1px solid #ddd;
text-align: center;
width: 145px;
@@ -1723,16 +1744,15 @@
flex-direction: column;
align-items: center;
justify-content: center;
+ @media (max-width: 600px) {
+ width: 130px;
+ height: 95px;
+ }
&.available {
background-color: #008000;
color: #fff;
border-color: #4caf50;
-
- &:hover {
- background-color: #ffffff;
- color: #008000;
- }
}
&.booked {
@@ -1740,10 +1760,6 @@
color: #ffffff;
border-color: #f44336;
cursor: not-allowed;
- &:hover {
- color: #c90b0b;
- background-color: #ffff;
- }
}
&.incart {
@@ -1756,10 +1772,6 @@
background-color: #ffe8bf;
color: #5f4204;
border-color: #ff9800;
- &:hover {
- background-color: #5f4204;
- color: #ffe8bf;
- }
}
&.blocked {
@@ -1767,10 +1779,6 @@
color: #ffffff;
border-color: #31a0f0;
cursor: not-allowed;
- // &:hover{
- // color:#148498;
- // background-color: #fff;
- // }
}
&.selected {
@@ -1920,7 +1928,7 @@
.booked-details-container {
padding: 8px;
- font-family: 'Poppins', sans-serif;
+ font-family: "Poppins", sans-serif;
.booked-details-title {
font-size: 24px;
@@ -2051,7 +2059,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 {
@@ -2101,7 +2109,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);
@@ -2127,7 +2135,7 @@
.all-bookings-container {
padding: 8px;
- font-family: 'Poppins', sans-serif;
+ font-family: "Poppins", sans-serif;
.all-bookings-title {
font-size: 22px;
@@ -2215,7 +2223,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 {
diff --git a/src/Styles/BookingScreen/Components/BSNavbar/BSNavbar3.scss b/src/Styles/BookingScreen/Components/BSNavbar/BSNavbar3.scss
index a8c7048..5aa3ea3 100644
--- a/src/Styles/BookingScreen/Components/BSNavbar/BSNavbar3.scss
+++ b/src/Styles/BookingScreen/Components/BSNavbar/BSNavbar3.scss
@@ -48,6 +48,10 @@
svg {
display: flex;
+ transition: all 0.2s ease-in-out;
+ &:hover {
+ color: #1292ee !important;
+ }
}
@media (max-width: 1000px) {
@@ -105,13 +109,37 @@
display: flex;
align-items: center;
gap: 0.1rem;
+
+ .RiVerifiedBadgeFill {
+ transition: all 0.2s ease-in-out;
+ height: 37px;
+ width: 37px;
+ padding: 6px 4px;
+ border-radius: 0.5rem;
+
+ &:hover {
+ color: #1292ee !important;
+ }
+ }
.BSBillingNavBar1-AllIcons {
color: #ffffff !important;
+ &:hover {
+ color: #1292ee !important;
+ }
}
.bs-membership__icon-btn {
+ display: flex;
+ align-items: center;
+ justify-content: center;
svg {
+ transition: all 0.2s ease-in-out;
color: #ffffff !important;
}
+ &:hover {
+ svg {
+ color: #1292ee !important;
+ }
+ }
}
}
@@ -155,30 +183,33 @@
color: #6b7280 !important;
cursor: pointer;
// background-color: #2563eb;
- height: 41px;
- width: 41px;
+ height: 40px;
+ width: 40px;
+ transition: all 0.2s ease-in-out;
svg {
color: #ffffff !important;
}
&:hover {
- background-color: #eff6ff;
- color: #2563eb;
+ color: #1292ee;
+ svg {
+ color: #1292ee !important;
+ }
}
}
.FaTruckIconHold {
padding: 10px 7px;
border-radius: 0.5rem;
- color: #6b7280;
+ color: #ffffff;
cursor: pointer;
width: 40px !important;
height: 40px !important;
// background-color: #2563eb;
+ transition: all 0.2s ease-in-out;
&:hover {
- background-color: #eff6ff;
- color: #2563eb;
+ color: #1292ee;
}
}
@@ -194,6 +225,7 @@
// background-color: #2563eb;
height: 41px;
width: 41px;
+ transition: all 0.2s ease-in-out;
.BSBillingNav-icon {
height: 22px !important;
@@ -201,8 +233,7 @@
}
&:hover {
- background-color: #eff6ff;
- color: #2563eb;
+ color: #1292ee;
}
}
@@ -245,10 +276,17 @@
}
.BsNavbarUser {
- color: #6b7280;
+ color: #ffffff;
font-size: 1.3rem;
cursor: pointer;
position: relative;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ transition: all 0.2s ease-in-out;
+ &:hover {
+ color: #1292ee;
+ }
}
.DropDownsCustomer {
@@ -257,6 +295,10 @@
.BSBillingNav-icon {
color: #ffffff !important;
+ transition: all 0.2s ease-in-out;
+ &:hover {
+ color: #1292ee !important;
+ }
}
.ant-select {
@@ -350,7 +392,7 @@
}
svg {
- color: #6b7280;
+ color: #ffffff !important;
display: flex;
}
diff --git a/src/Styles/BookingScreen/Template/BSLayout2/BSLayout2.scss b/src/Styles/BookingScreen/Template/BSLayout2/BSLayout2.scss
index f5b9252..c755b55 100644
--- a/src/Styles/BookingScreen/Template/BSLayout2/BSLayout2.scss
+++ b/src/Styles/BookingScreen/Template/BSLayout2/BSLayout2.scss
@@ -34,7 +34,7 @@ body {
}
@media (max-width: 500px) {
- top: 3.1rem;
+ top: 2.9rem;
}
}
@@ -288,7 +288,7 @@ body {
justify-content: space-between;
// justify-content: space-between;
width: 100%;
- padding: 0.75rem 1.5rem;
+ padding: 8px 8px;
background-color: #1e2536;
font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
diff --git a/src/Styles/DashBoard/RetailDashBoard.scss b/src/Styles/DashBoard/RetailDashBoard.scss
index fbc5343..184ba70 100644
--- a/src/Styles/DashBoard/RetailDashBoard.scss
+++ b/src/Styles/DashBoard/RetailDashBoard.scss
@@ -173,7 +173,7 @@
justify-content: center;
border-radius: 4px;
color: #fff;
- font-family: 'Poppins';
+ font-family: "Poppins";
font-weight: 600;
}
@@ -185,7 +185,7 @@
justify-content: center;
border-radius: 4px;
color: #fff;
- font-family: 'Poppins';
+ font-family: "Poppins";
font-weight: 600;
}
@@ -197,7 +197,7 @@
justify-content: center;
border-radius: 4px;
color: #fff;
- font-family: 'Poppins';
+ font-family: "Poppins";
font-weight: 600;
}
@@ -210,11 +210,11 @@
height: max-content;
min-height: 8rem;
border-radius: 8px;
- font-family: 'Poppins';
+ font-family: "Poppins";
width: max-content;
min-width: 250px;
- >div:nth-child(1) {
+ > div:nth-child(1) {
display: flex;
align-items: center;
gap: 6px;
@@ -256,7 +256,7 @@
display: flex;
flex-direction: column;
gap: 10px;
- font-family: 'Poppins';
+ font-family: "Poppins";
padding: 0.7rem 1rem;
margin: 1vw 2vh;
background-color: #e0e0e0;
@@ -319,7 +319,6 @@
}
@media (min-width: 280px) and (max-width: 499px) {
-
//srinath
.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panels {
width: 50vw !important;
@@ -746,7 +745,7 @@
padding: 10px 16px;
font-size: 16px;
text-transform: capitalize;
- font-family: 'Gilroy';
+ font-family: "Gilroy";
font-weight: 500;
cursor: pointer;
background-color: #20a720;
@@ -800,7 +799,7 @@
.RetailDashboard-Master {
width: 100%;
- font-family: 'Poppins' !important;
+ font-family: "Poppins" !important;
display: flex;
flex-direction: column;
align-items: flex-start;
@@ -886,7 +885,7 @@
letter-spacing: 0.5px;
}
- >div:nth-child(1) {
+ > div:nth-child(1) {
display: flex;
align-items: center;
gap: 8px;
@@ -1077,19 +1076,19 @@
gap: 10px;
width: 100%;
- >.tab:nth-child(1) {
+ > .tab:nth-child(1) {
background-color: #c2bcff;
color: #1200d3;
width: 33%;
}
- >.tab:nth-child(2) {
+ > .tab:nth-child(2) {
background-color: #fadaf5;
color: #d100b2;
width: 33%;
}
- >.tab:nth-child(3) {
+ > .tab:nth-child(3) {
background-color: #fde7b8;
color: #af7800;
width: 33%;
@@ -1113,44 +1112,46 @@
}
.detailsProductsCard {
- background: linear-gradient(90deg,
- rgb(255, 255, 255) 0%,
- rgba(143, 209, 142, 0.71) 4%,
- rgb(255, 255, 255) 7%,
- rgba(143, 209, 142, 0.71) 10%,
- rgb(255, 255, 255) 13%,
- rgba(143, 209, 142, 0.71) 16%,
- rgb(255, 255, 255) 19%,
- rgba(143, 209, 142, 0.71) 22%,
- rgb(255, 255, 255) 25%,
- rgba(143, 209, 142, 0.71) 29%,
- rgb(255, 255, 255) 32%,
- rgba(143, 209, 142, 0.71) 35%,
- rgb(255, 255, 255) 38%,
- rgba(143, 209, 142, 0.71) 41%,
- rgb(255, 255, 255) 44%,
- rgba(143, 209, 142, 0.71) 47%,
- rgb(255, 255, 255) 50%,
- rgba(143, 209, 142, 0.71) 54%,
- rgb(255, 255, 255) 57%,
- rgba(143, 209, 142, 0.71) 60%,
- rgb(255, 255, 255) 63%,
- rgba(143, 209, 142, 0.71) 66%,
- rgb(255, 255, 255) 69%,
- rgba(143, 209, 142, 0.71) 72%,
- rgb(255, 255, 255) 74%,
- rgb(255, 255, 255) 75%,
- rgba(143, 209, 142, 0.71) 78%,
- rgb(255, 255, 255) 79%,
- rgba(143, 209, 142, 0.71) 82%,
- rgb(255, 255, 255) 85%,
- rgba(143, 209, 142, 0.71) 88%,
- rgb(255, 255, 255) 91%,
- rgba(143, 209, 142, 0.71) 94%,
- rgb(255, 255, 255) 97%,
- rgb(255, 255, 255) 97%,
- rgba(143, 209, 142, 0.71) 100%,
- rgb(76, 175, 80) 100%);
+ background: linear-gradient(
+ 90deg,
+ rgb(255, 255, 255) 0%,
+ rgba(143, 209, 142, 0.71) 4%,
+ rgb(255, 255, 255) 7%,
+ rgba(143, 209, 142, 0.71) 10%,
+ rgb(255, 255, 255) 13%,
+ rgba(143, 209, 142, 0.71) 16%,
+ rgb(255, 255, 255) 19%,
+ rgba(143, 209, 142, 0.71) 22%,
+ rgb(255, 255, 255) 25%,
+ rgba(143, 209, 142, 0.71) 29%,
+ rgb(255, 255, 255) 32%,
+ rgba(143, 209, 142, 0.71) 35%,
+ rgb(255, 255, 255) 38%,
+ rgba(143, 209, 142, 0.71) 41%,
+ rgb(255, 255, 255) 44%,
+ rgba(143, 209, 142, 0.71) 47%,
+ rgb(255, 255, 255) 50%,
+ rgba(143, 209, 142, 0.71) 54%,
+ rgb(255, 255, 255) 57%,
+ rgba(143, 209, 142, 0.71) 60%,
+ rgb(255, 255, 255) 63%,
+ rgba(143, 209, 142, 0.71) 66%,
+ rgb(255, 255, 255) 69%,
+ rgba(143, 209, 142, 0.71) 72%,
+ rgb(255, 255, 255) 74%,
+ rgb(255, 255, 255) 75%,
+ rgba(143, 209, 142, 0.71) 78%,
+ rgb(255, 255, 255) 79%,
+ rgba(143, 209, 142, 0.71) 82%,
+ rgb(255, 255, 255) 85%,
+ rgba(143, 209, 142, 0.71) 88%,
+ rgb(255, 255, 255) 91%,
+ rgba(143, 209, 142, 0.71) 94%,
+ rgb(255, 255, 255) 97%,
+ rgb(255, 255, 255) 97%,
+ rgba(143, 209, 142, 0.71) 100%,
+ rgb(76, 175, 80) 100%
+ );
background-color: #ffffff;
width: 95px;
height: 85px;
@@ -1257,7 +1258,7 @@
width: 100%;
gap: 10px;
margin-top: 2rem;
- font-family: 'Poppins';
+ font-family: "Poppins";
}
.tltExpense {
@@ -1389,7 +1390,7 @@
cursor: pointer;
transition: background 0.2s;
margin-left: 8px;
- font-family: 'Poppins';
+ font-family: "Poppins";
svg {
font-size: 18px;
@@ -1451,7 +1452,7 @@
box-shadow 0.18s;
// min-width: 130px;
position: relative;
- font-family: 'Poppins';
+ font-family: "Poppins";
justify-content: space-between;
svg {
@@ -1605,9 +1606,9 @@
flex: 1;
padding: 16px 2px;
text-align: center;
- font-weight: 500;
+ font-weight: 600;
-webkit-text-stroke-width: 0.2px;
- font-size: 1.8rem;
+ font-size: 1.7rem;
display: flex;
flex-direction: column;
align-items: center;
@@ -1627,15 +1628,15 @@
}
.todaySnapshotBox.orders {
- color: #1976d2;
+ color: #3b3b3b;
}
.todaySnapshotBox.customers {
- color: #1976d2;
+ color: #3b3b3b;
}
.todaySnapshotBox.pending {
- color: #1976d2;
+ color: #3b3b3b;
}
.quickActionsRow {
@@ -2180,7 +2181,6 @@
// Responsive
@media (max-width: 1024px) {
-
.dashboardMainGrid,
.dashboardSecondaryGrid {
flex-direction: column;
@@ -2465,7 +2465,7 @@
display: flex;
align-items: center;
gap: 8px;
- font-family: 'Inter', sans-serif;
+ font-family: "Inter", sans-serif;
width: 100%;
transition: background 0.2s;
}
@@ -2680,7 +2680,7 @@
}
.ai-suggestion::before {
- content: '✨';
+ content: "✨";
font-size: 18px;
margin-right: 8px;
color: #f7b731;
@@ -2712,7 +2712,7 @@
div {
color: #2a2a2a;
- font-family: 'Inter', sans-serif;
+ font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
@@ -2726,7 +2726,7 @@
background-color: #e53935;
color: #fff;
cursor: pointer;
- font-family: 'Poppins';
+ font-family: "Poppins";
border-radius: 6px;
font-weight: 500;
display: flex;
@@ -2749,4 +2749,4 @@
/* Firefox */
scrollbar-color: #aaa transparent;
/* Firefox */
-}
\ No newline at end of file
+}
diff --git a/src/Styles/EmpAccess/EmpAccess.scss b/src/Styles/EmpAccess/EmpAccess.scss
index d1d7829..a6ae9c4 100644
--- a/src/Styles/EmpAccess/EmpAccess.scss
+++ b/src/Styles/EmpAccess/EmpAccess.scss
@@ -5,3 +5,28 @@
}
// .ant-checkbox .ant-checkbox-inner:after
+.empAccessreportTable {
+ scrollbar-width: thin;
+}
+
+// Disable all Ant Design table animations and hover effects
+.ant-table,
+.ant-table * {
+ transition: none !important;
+ animation: none !important;
+ animation-duration: 0s !important;
+ transition-duration: 0s !important;
+}
+
+.ant-table-tbody > tr:hover > td,
+.ant-table-tbody > tr:hover,
+.ant-table-row:hover > td,
+.ant-table-row:hover {
+ background: transparent !important;
+ background-color: transparent !important;
+}
+
+.ant-table-cell-row-hover {
+ background: transparent !important;
+ background-color: transparent !important;
+}
diff --git a/src/Styles/Kiosk/CardPage/CardPage1.scss b/src/Styles/Kiosk/CardPage/CardPage1.scss
index 6d41f3a..c9f8269 100644
--- a/src/Styles/Kiosk/CardPage/CardPage1.scss
+++ b/src/Styles/Kiosk/CardPage/CardPage1.scss
@@ -5,7 +5,7 @@
}
.cardpage-title {
- font-family: 'Barlow Condensed', sans-serif;
+ font-family: "Barlow Condensed", sans-serif;
font-size: 26px;
text-transform: uppercase;
}
@@ -101,7 +101,7 @@
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
- font-family: 'Manrope', sans-serif;
+ font-family: "Manrope", sans-serif;
text-transform: capitalize;
font-weight: 600;
// font-size: 1rem;
@@ -217,7 +217,7 @@
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
- font-family: 'Manrope', sans-serif;
+ font-family: "Manrope", sans-serif;
text-transform: capitalize;
font-weight: 600;
// font-size: 1rem;
@@ -329,7 +329,7 @@
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
- font-family: 'Manrope', sans-serif;
+ font-family: "Manrope", sans-serif;
text-transform: capitalize;
font-weight: 600;
// font-size: 1rem;
@@ -360,10 +360,10 @@
flex-direction: row;
justify-content: space-between;
background: #f3f3f3;
- padding: '20px';
+ padding: "20px";
height: 35px;
align-items: center;
- cursor: 'pointer';
+ cursor: "pointer";
}
.ProVariantCard-dis {
@@ -371,13 +371,12 @@
flex-direction: row;
justify-content: space-between;
background: #f3f3f3;
- padding: '20px';
+ padding: "20px";
height: 35px;
align-items: center;
pointer-events: none;
}
-
.selfBookCardBook {
display: grid;
grid-template-columns: 1fr 1fr;
@@ -413,12 +412,10 @@
background-color: #ffebee;
border-color: #f44336;
}
-
}
}
}
-
.ProVariantCardSports {
flex-direction: column;
display: flex;
@@ -428,15 +425,15 @@
height: max-content;
margin-top: 10px;
border-radius: 6px;
- background-color: #e8f5e8;
- border: 1px solid #4caf50;
- color: #26922a;
+ background-color: #008000;
+ border: 1px solid #008000;
+ color: #ffffff;
text-align: center;
gap: 2px;
width: 48%;
white-space: nowrap;
- >div:nth-child(1) {
+ > div:nth-child(1) {
font-size: 14px;
font-weight: 500;
line-height: 1.1;
@@ -444,11 +441,11 @@
}
.ProVariantCardSports:hover {
- background-color: #d9fcd9;
+ background-color: #ffffff;
cursor: pointer;
+ color: #008000;
}
-
.ProVariantCardSports-dis {
display: flex;
align-items: center;
@@ -457,9 +454,9 @@
flex-direction: column;
margin-top: 10px;
border-radius: 6px;
- background-color: #ffebee;
- border: 1px solid #d83126;
- color: #f44336;
+ background-color: #f02626f3;
+ border: 1px solid #f02626f3;
+ color: #ffffff;
text-align: center;
white-space: nowrap;
gap: 2px;
@@ -472,7 +469,7 @@
user-select: none;
/* prevents text selection */
- >div:nth-child(1) {
+ > div:nth-child(1) {
font-size: 14px;
font-weight: 500;
line-height: 1.1;
@@ -485,7 +482,6 @@
font-family: "Poppins";
}
-
.KioskCard-card {
position: relative;
@@ -501,7 +497,6 @@
&:hover,
:active {
background-color: red !important;
-
}
}
}
@@ -546,7 +541,7 @@
align-items: center;
margin: 12px 0;
- @media (max-width:600px) {
+ @media (max-width: 600px) {
flex-direction: column !important;
align-items: flex-start;
@@ -567,7 +562,6 @@
font-family: "Poppins";
position: relative;
-
&.active {
background: #007bff;
color: #fff;
@@ -598,7 +592,7 @@
flex-wrap: wrap;
margin-top: 10px;
- @media (max-width:600px) {
+ @media (max-width: 600px) {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 5px;
@@ -612,7 +606,7 @@
text-align: center;
background-color: #fff;
- @media (max-width:600px) {
+ @media (max-width: 600px) {
width: 100%;
}
@@ -627,11 +621,9 @@
}
}
-
.BTNslot {
display: flex;
align-items: center;
-
}
.BookingSlotDateGroup {
@@ -648,4 +640,4 @@
display: flex;
flex-wrap: wrap;
gap: 10px;
-}
\ No newline at end of file
+}
diff --git a/src/Styles/OverAllStyle/OverAllStyle.scss b/src/Styles/OverAllStyle/OverAllStyle.scss
index 05fd563..06d78e0 100644
--- a/src/Styles/OverAllStyle/OverAllStyle.scss
+++ b/src/Styles/OverAllStyle/OverAllStyle.scss
@@ -111,7 +111,6 @@
@media (max-width: 500px) {
height: max-content;
margin-bottom: 0;
-
}
}
@@ -192,7 +191,6 @@
}
.address-type-section {
-
// padding: 12px;
// background-color: #f8fafc;
// border-radius: 8px;
@@ -546,12 +544,12 @@
outline: none;
}
- >button:nth-child(1) {
+ > button:nth-child(1) {
background-color: #daecfd;
color: #1292ee;
}
- >button:nth-child(2) {
+ > button:nth-child(2) {
background-color: #ffdcdc;
color: #ee3333;
}
@@ -570,7 +568,7 @@
flex-direction: column;
margin-bottom: 5px;
- >div:nth-child(2) {
+ > div:nth-child(2) {
width: max-content;
font-size: 12px !important;
height: max-content;
@@ -588,9 +586,6 @@
padding: 8px;
color: white;
cursor: pointer;
-
-
-
}
.lowStock-SaveButton:hover {
background-color: #13c12a;
@@ -635,3 +630,11 @@
overflow: hidden !important;
}
}
+
+.addTaxinputDrawer {
+ display: flex;
+ align-items: flex-start;
+ flex-direction: column;
+ gap: 2rem;
+}
+
\ No newline at end of file
diff --git a/src/index.css b/src/index.css
index 1ff59a7..d845f50 100644
--- a/src/index.css
+++ b/src/index.css
@@ -291,4 +291,23 @@ a {
font-size: 12px;
font-family: VAR(--PARA_FONT_FAMILY);
color: VAR(--ERROR_COLOR);
-}
\ No newline at end of file
+}
+
+/* Disable all Ant Design table animations and hover effects */
+.ant-table,
+.ant-table *,
+.ant-table-wrapper * {
+ transition: none !important;
+ animation: none !important;
+ animation-duration: 0s !important;
+ transition-duration: 0s !important;
+}
+
+.ant-table-tbody > tr:hover > td,
+.ant-table-tbody > tr:hover,
+.ant-table-row:hover > td,
+.ant-table-row:hover,
+.ant-table-cell-row-hover {
+ background: transparent !important;
+ background-color: transparent !important;
+}