karthikalakshmi
/
Android_Retail
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Shoercut added

This commit is contained in:
Your Name 2026-02-17 16:50:59 +05:30
parent 2497b722f4
commit c819a7f562
9 changed files with 970 additions and 308 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/Pages/BookingScreen/Components/BSNavbar/BSNavbar1.jsx
View File

@ -1,7 +1,7 @@
import React, { useCallback, useEffect, useRef, useState } from 'react'; import React, { useCallback, useEffect, useRef, useState } from 'react';
import { useDispatch, useSelector } from 'react-redux'; import { useDispatch, useSelector } from 'react-redux';
import { useNavigate } from 'react-router-dom'; import { useNavigate } from 'react-router-dom';
import { Badge, Button, Popover, Tooltip } from 'antd'; import { Badge, Button, Popconfirm, Popover, Tooltip } from 'antd';
import { import {
FeatureAddon, FeatureAddon,
GlobalBookingType, GlobalBookingType,
@ -568,19 +568,25 @@ const BSNavbar1 = (props) => {
: 'black', : 'black',
}} }}
> >
<div> <Popconfirm
<TooltipWrapper title="Are you sure you want to go home?"
title="Back to Home" onConfirm={handleHome}
placement="right" okText="Yes"
isMobile={isMobile} cancelText="No"
> >
<PozoHomeIcon <div>
style={{ color: '#1292EE', fontSize: '30px', cursor: 'pointer' }} <TooltipWrapper
className="BSBillingNav2-toggle-icon" title="Back to Home"
onClick={handleHome} placement="right"
/> isMobile={isMobile}
</TooltipWrapper> >
</div> <PozoHomeIcon
style={{ color: '#1292EE', fontSize: '28px', cursor: 'pointer' }}
className="BSBillingNav2-toggle-icon"
/>
</TooltipWrapper>
</div>
</Popconfirm>
{(addcustomer || hold) && ( {(addcustomer || hold) && (
<FeaturesFunctionalities <FeaturesFunctionalities
handleAddCustomerCancel={handleAddCustomerCancel} handleAddCustomerCancel={handleAddCustomerCancel}

30
src/Pages/BookingScreen/Components/BSNavbar/BSNavbar2.jsx
View File

@ -3,7 +3,7 @@ import { useDispatch, useSelector } from 'react-redux';
import { useNavigate } from 'react-router-dom'; import { useNavigate } from 'react-router-dom';
import { AiFillHome } from 'react-icons/ai'; import { AiFillHome } from 'react-icons/ai';
import { MenuOutlined } from '@ant-design/icons'; import { MenuOutlined } from '@ant-design/icons';
import { Popover, Badge, Tooltip, Button } from 'antd'; import { Popover, Badge, Tooltip, Button, Popconfirm } from 'antd';
import { import {
getEditFavItems, getEditFavItems,
PreferenceData, PreferenceData,
@ -103,7 +103,7 @@ import {
import { FaUserLarge } from 'react-icons/fa6'; import { FaUserLarge } from 'react-icons/fa6';
import { BiSolidPhoneCall } from 'react-icons/bi'; import { BiSolidPhoneCall } from 'react-icons/bi';
import PozoSwapIcon from '../UtillComponents/Pozo retail icons/PozoSwapIcon.jsx'; import PozoSwapIcon from '../UtillComponents/Pozo retail icons/PozoSwapIcon.jsx';
import { CgSearchLoading } from "react-icons/cg"; import { CgSearchLoading } from 'react-icons/cg';
import UserRelieveManager from '../../Template/RealivingUser.jsx'; import UserRelieveManager from '../../Template/RealivingUser.jsx';
import { FaParking } from 'react-icons/fa'; import { FaParking } from 'react-icons/fa';
import BSNavBarUserInfo from './BSNavBarUserInfo'; import BSNavBarUserInfo from './BSNavBarUserInfo';
@ -578,12 +578,18 @@ const BSNavbar2 = () => {
<div className="BSBillingNavBar2" style={{ backgroundColor: 'white' }}> <div className="BSBillingNavBar2" style={{ backgroundColor: 'white' }}>
<div style={{ display: 'flex', alignItems: 'center', gap: '10px' }}> <div style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
<div> <div>
<AiFillHome <Popconfirm
style={{ color: '#1292EE', fontSize: '30px' }} title="Are you sure you want to go home?"
className="BSBillingNav2-toggle-icon" onConfirm={handleHome}
onClick={handleHome} okText="Yes"
/> cancelText="No"
</div> >
<AiFillHome
style={{ color: '#1292EE', fontSize: '30px' }}
className="BSBillingNav2-toggle-icon"
/>
</Popconfirm>
</div>{' '}
<div className="salesStoreName"> <div className="salesStoreName">
<BranchName /> <BranchName />
</div> </div>
@ -615,8 +621,8 @@ const BSNavbar2 = () => {
</div> </div>
{/* Multiple search */} {/* Multiple search */}
<Tooltip title={'Multiple Search'}> <Tooltip title={'Multiple Search'}>
<div className='MultiSearchIconDiv2'> <div className="MultiSearchIconDiv2">
<CgSearchLoading onClick={() => setMultiple(true)} /> <CgSearchLoading onClick={() => setMultiple(true)} />
</div> </div>
</Tooltip> </Tooltip>
<div className="BSBillingNav2div2"> <div className="BSBillingNav2div2">
@ -1323,9 +1329,7 @@ const BSNavbar2 = () => {
destroyOnClose={true} destroyOnClose={true}
children={ children={
<> <>
<MultipleSearch <MultipleSearch close={setMultiple} />
close={setMultiple}
/>
</> </>
} }
/> />

23
src/Pages/BookingScreen/Components/BSNavbar/BSNavbar3.jsx
View File

@ -36,7 +36,7 @@ import { useApplyOfferto_CardDetail } from '../UtillComponents/BSNavBarOffer/BSN
import '../../../../Styles/BookingScreen/Components/BSNavbar/BSNavbar3.scss'; import '../../../../Styles/BookingScreen/Components/BSNavbar/BSNavbar3.scss';
// UI Imports // UI Imports
import { Badge, Tooltip } from 'antd'; import { Badge, Popconfirm, Tooltip } from 'antd';
import { AiFillHome } from 'react-icons/ai'; import { AiFillHome } from 'react-icons/ai';
import { GoClockFill } from 'react-icons/go'; import { GoClockFill } from 'react-icons/go';
import { import {
@ -122,7 +122,7 @@ import BSNavBarWholeSale from '../UtillComponents/BSNavBarWholeSale.jsx';
import { Global_OfferStatus } from '../../../../Features/Offer/Offer.js'; import { Global_OfferStatus } from '../../../../Features/Offer/Offer.js';
import { globalholddata } from '../../../../Features/BookingScreen/HoldOption/HoldOption.js'; import { globalholddata } from '../../../../Features/BookingScreen/HoldOption/HoldOption.js';
import BSNavBarWeightScale from '../UtillComponents/BSNavBarWeightScale.jsx'; import BSNavBarWeightScale from '../UtillComponents/BSNavBarWeightScale.jsx';
import { CgSearchLoading } from "react-icons/cg"; import { CgSearchLoading } from 'react-icons/cg';
import { DefaultModal } from '../../../../Components/Modal/DefaultModal.jsx'; import { DefaultModal } from '../../../../Components/Modal/DefaultModal.jsx';
import MultipleSearch from '../UtillComponents/MultipleSearch.jsx'; import MultipleSearch from '../UtillComponents/MultipleSearch.jsx';
@ -567,11 +567,14 @@ const BSNavbar3 = ({ optionNames }) => {
<div className="BSNavbar3Main"> <div className="BSNavbar3Main">
<div className="homeTime"> <div className="homeTime">
<div className="homeIcon"> <div className="homeIcon">
<AiFillHome <Popconfirm
color="#fff" title="Are you sure you want to go to home page?"
size={24} onConfirm={handleHomePageNavigate}
onClick={handleHomePageNavigate} okText="Yes"
/> cancelText="No"
>
<AiFillHome color="#fff" size={24} />
</Popconfirm>{' '}
<div> <div>
{' '} {' '}
<BranchName /> <BranchName />
@ -604,7 +607,7 @@ const BSNavbar3 = ({ optionNames }) => {
{/* Multiple search */} {/* Multiple search */}
<Tooltip title={'Multiple Search'}> <Tooltip title={'Multiple Search'}>
<div className='MultiSearchIconDiv3'> <div className="MultiSearchIconDiv3">
<CgSearchLoading onClick={() => setMultiple(true)} /> <CgSearchLoading onClick={() => setMultiple(true)} />
</div> </div>
</Tooltip> </Tooltip>
@ -1185,9 +1188,7 @@ const BSNavbar3 = ({ optionNames }) => {
destroyOnClose={true} destroyOnClose={true}
children={ children={
<> <>
<MultipleSearch <MultipleSearch close={setMultiple} />
close={setMultiple}
/>
</> </>
} }
/> />

16
src/Pages/BookingScreen/Components/UtillComponents/MembershipCard.scss
View File

@ -165,7 +165,7 @@
} }
.physicalMembershipCard { .physicalMembershipCard {
font-family: 'Poppins' !important; font-family: "Poppins" !important;
width: 340px; width: 340px;
height: 225px; height: 225px;
background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%); background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);
@ -173,12 +173,12 @@
padding: 20px; padding: 20px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
color: white; color: white;
font-family: 'Arial', sans-serif; font-family: "Arial", sans-serif;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
&::before { &::before {
content: ''; content: "";
position: absolute; position: absolute;
top: -50%; top: -50%;
right: -20%; right: -20%;
@ -302,8 +302,8 @@
position: absolute; position: absolute;
bottom: 22%; bottom: 22%;
right: 24px; right: 24px;
.user-profile{ .user-profile {
img{ img {
border-radius: 6px; border-radius: 6px;
} }
} }
@ -325,7 +325,7 @@
height: 100%; height: 100%;
.qrCell { .qrCell {
background: #2E5090; background: #2e5090;
border-radius: 1px; border-radius: 1px;
&:nth-child(2n) { &:nth-child(2n) {
@ -333,7 +333,7 @@
} }
&:nth-child(3n) { &:nth-child(3n) {
background: #2E5090; background: #2e5090;
} }
} }
} }
@ -363,7 +363,7 @@
.ant-switch-inner-checked, .ant-switch-inner-checked,
.ant-switch-inner-unchecked { .ant-switch-inner-unchecked {
font-family: 'Poppins'; font-family: "Poppins";
font-weight: 500; font-weight: 500;
} }

109
src/Styles/BookingScreen/Components/BSItemCards/BSItemCard.scss
View File

@ -37,9 +37,6 @@
text-align: center; text-align: center;
} }
// .BSCategory5-Cardcont .bs-item-card-masterdiv {
// height: 93vh;
// }
.BSItemCard-master-container { .BSItemCard-master-container {
display: flex; display: flex;
@ -86,38 +83,30 @@
background-color: rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.8);
position: absolute; position: absolute;
display: flex; display: flex;
// flex-wrap: wrap; column-gap: 0.5rem;
column-gap: 0.5rem;
justify-content: center; justify-content: center;
cursor: pointer; cursor: pointer;
// top: 50px; bottom: 0px;
bottom: 0px; left: 0;
// bottom: 12px;
left: 0;
right: 0; right: 0;
} }
.BSItemCard-itemName { .BSItemCard-itemName {
text-align: center; text-align: center;
//naresh27 font-size: 12px;
font-size: 12px;
font-weight: 500; font-weight: 500;
max-width: 130px; max-width: 130px;
// font-family: "Gilroy"; white-space: nowrap;
white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
// max-width: 100px; }
}
.BSItemCard-itemPrice { .BSItemCard-itemPrice {
// width: 100%; color: #52c41a;
color: #52c41a;
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
font-family: "Gilroy"; font-family: "Gilroy";
// nk white-space: nowrap;
white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
width: 105px; width: 105px;
@ -131,8 +120,7 @@
.BSItemCard-badge-withoutimage { .BSItemCard-badge-withoutimage {
position: absolute; position: absolute;
// naresh top: 0px;
top: 0px;
right: 0; right: 0;
} }
@ -157,8 +145,7 @@
.BSItemCard-content-smallimage { .BSItemCard-content-smallimage {
width: max-content; width: max-content;
padding: 5px 0; padding: 5px 0;
// background-color: rgba(255, 255, 255, 0.7); display: flex;
display: flex;
flex-direction: column; flex-direction: column;
column-gap: 0.5rem; column-gap: 0.5rem;
justify-content: center; justify-content: center;
@ -178,12 +165,6 @@
cursor: pointer; cursor: pointer;
// vicky // vicky
justify-content: space-around; justify-content: space-around;
// height: 62px;
// padding: 5px;
// border-radius: 3px;
// align-items: center;
// justify-content: center;
// padding: 5px;
} }
.BSItemCard-containers-smallimage-mobile { .BSItemCard-containers-smallimage-mobile {
@ -194,12 +175,6 @@
column-gap: 0.4rem; column-gap: 0.4rem;
row-gap: 0.5rem; row-gap: 0.5rem;
cursor: pointer; cursor: pointer;
// height: 62px;
// padding: 5px;
// border-radius: 3px;
// align-items: center;
// justify-content: center;
// padding: 5px;
} }
.BSItemCard-content-small-screem { .BSItemCard-content-small-screem {
@ -225,7 +200,6 @@
.ItemWiseReport-heading { .ItemWiseReport-heading {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
// width: 13.5rem;
align-items: center; align-items: center;
} }
@ -243,10 +217,6 @@
font-size: 14px !important; font-size: 14px !important;
} }
// .ant-picker-dropdown {
// width: 99%;
// }
.other-submitbtn { .other-submitbtn {
justify-content: flex-start !important; justify-content: flex-start !important;
padding: 1rem 0; padding: 1rem 0;
@ -271,10 +241,6 @@
column-gap: 0.5rem !important; column-gap: 0.5rem !important;
} }
// naresh tha sonna cmd panna 4/4/2024
// .cat-Size .ant-input-affix-wrapper {
// width: 42% !important;
// }
.ant-modal .ant-modal-content { .ant-modal .ant-modal-content {
padding: 1rem !important; padding: 1rem !important;
@ -363,22 +329,10 @@
width: 6rem !important; width: 6rem !important;
} }
// .BSItemCard-image{
// width: 9rem !important;
// height: 8rem !important;
// }
.BSItemCard-content-small-screem { .BSItemCard-content-small-screem {
width: 8rem !important; width: 8rem !important;
height: 6rem !important; height: 6rem !important;
} }
// .BSItemCard-container-smallimage{
// width: 7rem !important;
// opacity: 12%;
// }
// .BSItemCard-itemName{
// width: 3rem !important;
// }
.BSItemCard-itemName { .BSItemCard-itemName {
width: 60px !important; width: 60px !important;
font-size: 10px; font-size: 10px;
@ -387,13 +341,9 @@
} }
.bs-item-card-masterdiv { .bs-item-card-masterdiv {
// height: 64vh !important;
height: inherit; height: inherit;
} }
// .BSCategory5-Cardcont .bs-item-card-masterdiv {
// height: 98vh !important;
// }
} }
@media (min-width: 500px) and (max-width: 767px) { @media (min-width: 500px) and (max-width: 767px) {
@ -423,11 +373,6 @@
} }
} }
@media only screen and (max-width: 1000px) {
// .BSItemCard-itemName{
// max-width: 70px ;
// }
}
.QRStockchange-table thead { .QRStockchange-table thead {
position: sticky; position: sticky;
@ -480,32 +425,22 @@
} }
.Card-modal-table { .Card-modal-table {
// width:100%;
height: 59vh; height: 59vh;
overflow: auto; overflow: auto;
justify-content: flex-start; justify-content: flex-start;
// display: flex;
// flex-wrap: wrap;
// flex-direction: row;
padding: 1.8rem 0.5rem; padding: 1.8rem 0.5rem;
column-gap: 0.5rem; column-gap: 0.5rem;
row-gap: 1rem; row-gap: 1rem;
} }
.Brand-Card-modal-table { .Brand-Card-modal-table {
// width:100%; height: 43vh;
height: 43vh;
overflow: auto; overflow: auto;
justify-content: flex-start; justify-content: flex-start;
// display: flex; padding: 1.8rem 0.5rem;
// flex-wrap: wrap;
// flex-direction: row;
padding: 1.8rem 0.5rem;
column-gap: 0.5rem; column-gap: 0.5rem;
row-gap: 1rem; row-gap: 1rem;
// border:0.5px solid black; }
// border-radius: 5px;
}
.Brand-Card-modal-table::-webkit-scrollbar { .Brand-Card-modal-table::-webkit-scrollbar {
width: 10px !important; width: 10px !important;
@ -530,16 +465,10 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
// align-items: center;
justify-content: center; justify-content: center;
border: solid 1px #e4e4e4; border: solid 1px #e4e4e4;
background-color: #f3f3f3; background-color: #f3f3f3;
// width: 100px;
// height: 190px;
// background-color: #b87373;
// color: #fff;
transition-duration: 0.3s; transition-duration: 0.3s;
// padding: 0.5rem;
border-radius: 6px; border-radius: 6px;
} }
@ -547,16 +476,10 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
// align-items: center;
justify-content: center; justify-content: center;
border: solid 1px #e4e4e4; border: solid 1px #e4e4e4;
background-color: #f3f3f3; background-color: #f3f3f3;
// width: 100px;
// height: 190px;
// background-color: #b87373;
// color: #fff;
transition-duration: 0.3s; transition-duration: 0.3s;
// padding: 0.5rem;
border-radius: 6px; border-radius: 6px;
opacity: 0.5; opacity: 0.5;
pointer-events: none; pointer-events: none;
@ -572,12 +495,8 @@
.ItemQtyCard:hover { .ItemQtyCard:hover {
transition-duration: 0.3s; transition-duration: 0.3s;
transform: scale(1.02); transform: scale(1.02);
// background-color: wheat;
border: solid 1px #f3f3f3; border: solid 1px #f3f3f3;
// padding: 0.6rem 0.5rem;
box-shadow: var(--BOX_SHADOW_LEVEL1); box-shadow: var(--BOX_SHADOW_LEVEL1);
// background-color: #e3ffe9;
cursor: pointer; cursor: pointer;
.qtyprice { .qtyprice {
@ -1221,8 +1140,6 @@
flex-direction: row; flex-direction: row;
column-gap: 1rem; column-gap: 1rem;
row-gap: 0.5rem; row-gap: 0.5rem;
// position: fixed;
// bottom: 10px;
font-family: "Poppins"; font-family: "Poppins";
font-size: 14px; font-size: 14px;
color: #000; color: #000;

53
src/Styles/BookingScreen/Template/BSLayout7/BSC1Search.scss
View File

@ -142,3 +142,56 @@
overflow: auto; overflow: auto;
scrollbar-width: thin; scrollbar-width: thin;
} }
.ItemQtyCard {
display: flex;
justify-content: center;
flex-direction: column;
justify-content: center;
border: solid 1px #e4e4e4;
background-color: #f3f3f3;
transition-duration: 0.3s;
border-radius: 6px;
}
.ItemQtyCard-disabled {
display: flex;
justify-content: center;
flex-direction: column;
justify-content: center;
border: solid 1px #e4e4e4;
background-color: #f3f3f3;
transition-duration: 0.3s;
border-radius: 6px;
opacity: 0.5;
pointer-events: none;
}
.ItemQtyCard:hover {
transition-duration: 0.3s;
transform: scale(1.02);
border: solid 1px #f3f3f3;
box-shadow: var(--BOX_SHADOW_LEVEL1);
cursor: pointer;
.qtyprice {
font-size: 16px;
background-color: var(--SELECTED_COLOR);
}
}
.BrandDetail {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: 1rem;
row-gap: 1rem;
padding: 0.5rem;
}
.Brand-Card {
display: flex;
flex-direction: column;
row-gap: 1rem;
}

3
src/Styles/BookingScreen/Template/BSLayout7/Combo1.scss
View File

@ -643,6 +643,9 @@
svg { svg {
color: #fff !important; color: #fff !important;
display: flex;
align-items: center;
justify-content: center;
} }
img { img {
width: 20px !important; width: 20px !important;

143
src/Styles/Reports/LedgerReport/LedgerReport.scss
View File

@ -32,10 +32,8 @@
.RadioButton { .RadioButton {
display: flex; display: flex;
// align-items: center;
flex-wrap: nowrap; flex-wrap: nowrap;
justify-items: center; justify-items: center;
// margin-left: "70px";50pxLedger-datePicker
} }
.RadioButton-DMYPicker .ant-radio-group { .RadioButton-DMYPicker .ant-radio-group {
@ -61,9 +59,6 @@
} }
.Ledger-datePicker { .Ledger-datePicker {
// display: flex;
// padding: 1rem;
.ant-space-item { .ant-space-item {
height: 70px; height: 70px;
} }
@ -95,8 +90,6 @@
.ledger-PrintIcon { .ledger-PrintIcon {
font-size: xx-large; font-size: xx-large;
// padding-left: 25px;
// padding-bottom: 30px;
} }
.RadioButton-DMYPicker { .RadioButton-DMYPicker {
@ -127,8 +120,8 @@
width: 72px; width: 72px;
} }
.LedgerTable .ant-table-wrapper .ant-table-thead>tr>th, .LedgerTable .ant-table-wrapper .ant-table-thead > tr > th,
.ant-table-wrapper .ant-table-thead>tr>td { .ant-table-wrapper .ant-table-thead > tr > td {
color: #000000; color: #000000;
font-size: 12px; font-size: 12px;
font-weight: 600; font-weight: 600;
@ -156,12 +149,10 @@
justify-content: center; justify-content: center;
width: max-content; width: max-content;
height: 50px; height: 50px;
// padding-left: 20px;
// padding-bottom: 30px;
} }
.MasterLedger-Report .ant-table-wrapper .ant-table-cell, .MasterLedger-Report .ant-table-wrapper .ant-table-cell,
.MasterLedger-Report .ant-table-wrapper .ant-table-thead>tr>th { .MasterLedger-Report .ant-table-wrapper .ant-table-thead > tr > th {
padding: 1px 13px; padding: 1px 13px;
width: 100px; width: 100px;
} }
@ -174,9 +165,6 @@
padding: 0 !important; padding: 0 !important;
} }
// .dropDown-ledger .float-label{
// margin-bottom: 0px ;
// }
.MasterLedger-Report .formDivAnt { .MasterLedger-Report .formDivAnt {
row-gap: 0.1rem; row-gap: 0.1rem;
} }
@ -197,16 +185,6 @@
width: 200px !important; width: 200px !important;
} }
// .MasterLedger-Report .ant-picker-dropdown,
// .ant-picker-date-panel {
// width: 100px !important;
// }
.Ledger-datePicker .ant-picker-dropdown,
.ant-picker-date-panel {
//srinath
// width: 90% !important;
//
}
.LedgerTable { .LedgerTable {
height: 50vh; height: 50vh;
@ -217,10 +195,6 @@
} }
.Ledger-datePicker { .Ledger-datePicker {
// margin: 0rem -1rem;
// display: flex;
// padding: 1rem;
.ant-picker { .ant-picker {
width: 100px !important; width: 100px !important;
@ -235,11 +209,6 @@
margin: 0rem -1rem; margin: 0rem -1rem;
} }
// .dropDown-ledger{
// width:30px !important;
// height: 64px !important;
// }
.dropDown-ledger { .dropDown-ledger {
width: 70px !important; width: 70px !important;
height: 64px !important; height: 64px !important;
@ -247,10 +216,7 @@
} }
.AllRadioButton { .AllRadioButton {
//srinath
// width: 32vh;
width: 37vh; width: 37vh;
//
overflow-x: scroll; overflow-x: scroll;
} }
} }
@ -270,3 +236,106 @@
flex-wrap: wrap; flex-wrap: wrap;
} }
} }
.custom-table {
width: 100%;
border-collapse: collapse;
border: 1px solid #909090;
font-family: "Poppins", sans-serif;
> thead {
position: sticky;
top: -1px;
}
}
.custom-table th {
background-color: #a4c5f4;
color: #1e1e1e;
padding: 6px;
text-align: left;
border: 1px solid #909090;
-webkit-text-stroke-width: 0.2px;
font-size: 12px;
font-weight: 500;
font-family: VAR(--HEADING_FONT_FAMILY);
// text-transform: uppercase;
text-transform: capitalize;
letter-spacing: 0.2px;
}
.centerDivList {
display: flex;
flex-direction: column;
gap: 4px;
overflow: scroll;
padding-bottom: 2rem;
}
.custom-table td {
padding: 4px 6px;
border: 1px solid #909090;
text-align: left;
font-size: 12px !important;
}
.custom-table tbody tr td {
text-align: left;
.ant-select.ant-select-in-form-item {
width: 190px !important;
}
}
.custom-table tbody tr td[colspan="7"] {
padding: 20px;
}
.custom-table tbody tr.additionalCharges-selected {
background-color: #dddddd;
}
.custom-table tbody tr.setAsDefault-selected {
background-color: #cceaf0;
}
.custom-table {
.ant-form-item {
margin-bottom: 0 !important;
}
.float-label {
margin-bottom: 8px !important;
}
}
.ChargesAddAndCancel {
display: flex;
justify-content: flex-end;
gap: 1rem;
> div {
border-radius: 6px;
padding: 5px 10px;
color: #fff;
font-weight: 600 !important;
cursor: pointer;
}
> div:nth-child(1) {
background-color: #28aa3a;
}
> div:nth-child(2) {
background-color: #ff0000;
}
}
.custom-table {
Button:disabled,
Button[disabled] {
width: unset !important;
height: unset !important;
border-radius: 50px !important;
}
}

809
src/check.scss
View File

@ -1,117 +1,726 @@
.toggle-switch { .BSC1-Master {
position: relative;
display: inline-block;
width: 46px;
height: 24px;
}
.toggle-switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute; position: absolute;
cursor: pointer; overflow: hidden !important;
background-color: #ccc;
border-radius: 24px;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: 0.4s;
}
.slider:before {
position: absolute;
content: "";
height: 18px;
width: 18px;
left: 3px;
bottom: 3px;
background-color: white;
border-radius: 50%;
transition: 0.4s;
}
/* Active (checked) style */
.toggle-switch input:checked + .slider {
background-color: #28a745;
}
.toggle-switch input:checked + .slider:before {
transform: translateX(22px);
}
.counter-expand-box {
max-height: 0;
overflow: hidden;
opacity: 0;
padding: 0;
transition: all 0.3s ease;
}
.counter-expand-box.open {
max-height: 300px; // large enough for the content
opacity: 1;
padding: 12px;
border-radius: 6px;
border: 1px solid #ccc;
background: #f1f1f1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 8px; justify-content: space-between;
} position: absolute;
/// Another swtich button style code
.PrinterSettingSwitchBTN {
display: inline-flex;
gap: 16px;
font-family: "Poppins";
margin-bottom: 12px;
border-bottom: 1px solid #d1d5db;
}
.PrinterSettingSwitchBTN > div {
font-size: 22px;
font-weight: 600;
cursor: pointer;
color: #6b7280;
display: flex; display: flex;
align-items: center; position: absolute;
gap: 6px; overflow: auto !important;
position: relative; display: flex;
border: none; flex-direction: column;
background: transparent; justify-content: space-between;
font-family: "Gilroy"; height: max-content;
transition: color 0.2s ease; overflow-y: auto;
@media (max-width: 600px) { height: 80vh;
font-size: 18px; z-index: -1;
}
@media (max-height: 1400px) and (min-height: 1100px) {
.BSC1-Master {
height: 74vh !important;
} }
} }
.PrinterSettingSwitchBTN > div:hover { @media (max-height: 1099px) and (min-height: 1001px) {
color: #0f172a; .BSC1-Master {
height: 71vh !important;
}
} }
.PrinterSettingSwitchBTN > div.selected { @media (max-height: 1000px) and (min-height: 901px) {
color: #0f172a; .BSC1-Master {
height: 68vh !important;
}
} }
.PrinterSettingSwitchBTN > div.selected::after { @media (max-height: 900px) and (min-height: 791px) {
content: ""; .BSC1-Master {
position: absolute; height: 65vh !important;
}
}
@media (max-height: 790px) and (min-height: 690px) {
.BSC1-Master {
height: 60vh !important;
}
}
@media (max-height: 689px) and (min-height: 620px) {
.BSC1-Master {
height: 55vh !important;
}
}
@media (max-height: 619px) and (min-height: 560px) {
.BSC1-Master {
height: 55vh !important;
}
.BSBilling7-tablediv {
height: 46vh !important;
}
}
@media (max-height: 559px) and (min-height: 520px) {
.BSC1-Master {
height: 45vh !important;
}
}
@media (max-height: 519px) and (min-height: 480px) {
.BSC1-Master {
height: 40vh !important;
}
}
@media (max-height: 479px) and (min-height: 450px) {
.BSC1-Master {
height: 35vh !important;
}
}
@media (max-height: 449px) and (min-height: 425px) {
.BSC1-Master {
height: 35vh !important;
}
}
@media (max-height: 424px) and (min-height: 350px) {
.BSC1-Master {
height: 27vh !important;
}
}
.BS1ComboTable {
height: 80vh;
overflow: auto;
padding-bottom: 10rem !important;
padding: 0 3px;
}
.BS1ComboTableComboSalesBillTable {
height: 100%;
overflow: auto;
padding-bottom: 1.5rem !important;
padding: 0 3px;
}
.BS1ComboTable {
&.BillingTable1-table-th {
padding: 2vh 0vh 2vh 0vh;
font-size: 14px;
}
& .BillingTable1-table-td {
padding: 2vh 0vh 2vh 0vh;
font-size: 16px;
}
}
.BSC1-Master .PCBillingTable6-Table1 td {
border: 0.1px solid #a8a8a880 !important;
border-collapse: collapse;
}
.BSC1-Master .PCBillingTable6-Table1 th {
border: 0.1px solid #a8a8a880 !important;
border-collapse: collapse;
}
.BSC1-Master .BSBill-Table7 th {
border: 0.1px solid #a8a8a880 !important;
border-collapse: collapse;
}
.BSC1-Master .BSBill-Table7 td {
border: 0.1px solid #a8a8a880 !important;
border-collapse: collapse;
}
.BSC1-Master .Billing-Table1 th {
border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
border-collapse: collapse;
}
.BSC1-Master .BSBill-Table3 th {
border: 0.1px solid rgba(168, 168, 168, 0.5019607843);
border-collapse: collapse;
}
.BSC1-Master .BSBill-Table3 td {
border: 0.1px solid rgba(168, 168, 168, 0.5019607843);
border-collapse: collapse;
}
.BSC1-Master .BillingTable1-table-td {
border: 0.1px solid rgba(168, 168, 168, 0.5019607843);
border-collapse: collapse;
}
.BSC1-Master .BSBill-Table4 th {
border: 0.1px solid rgba(168, 168, 168, 0.5019607843);
border-collapse: collapse;
}
.BSC1-Master .BSBill-Table4 td {
border: 0.1px solid rgba(168, 168, 168, 0.5019607843);
border-collapse: collapse;
padding: 0 0.5rem;
}
.BSC1-Master .BSBillingTable5-tablediv th {
border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
border-collapse: collapse !important;
}
.BSC1-Master .BSBillingTable5-tablediv td {
border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
border-collapse: collapse !important;
}
.BSC1-Master .BillingTable6-Table1 td {
border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
border-collapse: collapse !important;
}
.BSC1-Master .BillingTable6-Table1 th {
border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
border-collapse: collapse !important;
}
.BSC1-Master .Table3-item-price {
text-align: center !important;
}
.BSC1-Master .Table4-item-price {
text-align: center !important;
}
.BSC1-Master .BillingTable1-table-td {
text-align: center !important;
padding: 0 10px;
}
.BSC1-Master .Table3-Dis-index {
border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
border-collapse: collapse !important;
}
.BSC1-Master .forcomboalign {
text-align: center !important;
}
.BSC1-Master .comboAlignCenter {
right: 34vw;
}
@media screen and (min-width: 500px) and (max-width: 768px) {
.BSC1-Master .comboAlignCenter {
right: 30vw !important;
}
.BSC1-Master .BSC1Payment-Container {
height: 8rem;
}
}
@media screen and (max-width: 768px) {
.BSC1Payment-div4 {
margin: 0 !important;
gap: 1 !important;
}
.BSC1Payment-div4-button-disable {
width: 100% !important;
}
.BSC1Payment-div4-button {
width: 100%;
}
.BSC1Payment-div4-payment {
align-items: center;
}
.BSC1Payment-div4-payment {
gap: 0.6rem !important;
}
.BSC1-Master .Billing-Table1 td {
border: 0.1px solid #a8a8a880 !important;
border-collapse: collapse;
font-size: 12px !important;
}
.BSC1-Master .Billing-Table1 th {
border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
border-collapse: collapse;
font-size: 12px !important;
}
.BSC1-Master .BSBill-Table3 th {
border: 0.1px solid rgba(168, 168, 168, 0.5019607843);
border-collapse: collapse;
font-size: 12px !important;
}
.BSC1-Master .BSBill-Table3 td {
border: 0.1px solid rgba(168, 168, 168, 0.5019607843);
border-collapse: collapse;
font-size: 12px !important;
}
.BSC1-Master .BSBill-Table4 th {
border: 0.1px solid rgba(168, 168, 168, 0.5019607843);
border-collapse: collapse;
font-size: 12px !important;
}
.BSC1-Master .BSBill-Table4 td {
border: 0.1px solid rgba(168, 168, 168, 0.5019607843);
border-collapse: collapse;
font-size: 12px !important;
}
.BSC1-Master .BSBillingTable5-tablediv th {
border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
border-collapse: collapse !important;
font-size: 12px !important;
}
.BSC1-Master .BSBillingTable5-tablediv td {
border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
border-collapse: collapse !important;
font-size: 12px !important;
}
.BSC1-Master .BillingTable6-Table1 td {
border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
border-collapse: collapse !important;
font-size: 12px !important;
}
.BSC1-Master .BillingTable6-Table1 th {
border: 0.1px solid rgba(168, 168, 168, 0.5019607843) !important;
border-collapse: collapse !important;
font-size: 12px !important;
}
.BSC1Payment-div4 {
padding-bottom: 1rem !important;
}
}
@media screen and (max-width: 499px) {
.BSC1Payment-div4-payment {
flex-wrap: wrap;
}
.BSC1Payment-div4 {
padding: 0 !important;
gap: 1;
}
.BSC1Payment-div4-payment {
padding: 0 !important;
}
.BSC1Payment-div4-button-disable {
padding: 0;
height: 45px !important;
}
}
@media screen and (max-width: 599px) {
.BSC1Payment-div4-payment {
flex-wrap: wrap;
}
.BSC1Payment-div4 {
padding: 0 !important;
}
.BSC1Payment-div4-payment {
padding: 0 !important;
}
.BSC1Payment-div4-payment .css-x5j1g7-control {
width: 100px !important;
}
.BSC1NavBar-Container {
column-gap: 0.5rem !important;
}
.BSC1-Master .comboAlignCenter {
right: 15vw !important;
height: 15rem;
}
.BSC1-Master .BSBillingNav-icon-table-icon {
width: 22px !important;
height: 24px;
}
.BSC1Search-div1 {
width: 95vw;
}
.Combo-BSNavbar1-timer {
display: none !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1220px) {
.BSC1-Master .BSC1Payment-div4 {
display: flex;
flex-direction: row;
gap: 1rem;
justify-content: center;
flex-wrap: wrap;
}
}
.BSC1-Master {
right: 0;
left: 0; left: 0;
bottom: -1px; }
.overall-bscombo-container {
overflow: hidden;
.BSC1Search-div1 {
height: 45px !important;
}
.ant-select-selection-search {
top: 10px !important;
}
}
.BSC1-Master .for-combo {
text-align: left !important;
}
.BSC1-Master .BSC1Payment-Container {
height: 8rem;
}
.overall-bscombo-container .BSC1NavBar-manu-icon {
width: 31px;
height: 38px;
padding-top: 5px;
position: absolute !important;
bottom: -11px !important;
}
.Combo-BSNavbar1-timer {
width: 8rem;
font-family: "Gilroy";
display: flex;
justify-content: center;
text-wrap: nowrap;
font-weight: 600;
color: #fff !important;
font-size: 1.25rem;
text-wrap: nowrap;
}
.BSC1-Master .BSBill-Table4 {
width: 100vw !important;
}
.BSC1-Master .BSC1Payment-div4-button-disable {
height: 50px;
}
.BSC1-Master .BSBill2-cont {
// height: 72%;
overflow: auto;
}
.BSC1Search-container .L {
width: 100%; width: 100%;
height: 2px; display: flex;
background: #2c88ee; flex-direction: row;
border-radius: 2px; /* padding: 0.5rem 22px 0 1.5rem; */
gap: 0.5rem;
/* padding-bottom: 8px; */
align-items: center;
justify-content: center;
padding: 4px 8px;
} }
.PrinterSettingSwitchBTN > div.selected svg { .overall-bscombo-container .Combosearch {
color: #4765db !important; // width: 99vw;
height: 10px;
} }
// End .overall-bscombo-container.BSC1Search-div1 .ant-select:not(.ant-select-customize-input) .ant-select-selector {
width: 100%;
}
.overall-bscombo-container .Combosearch .custom-input {
border: none;
}
.overall-bscombo-container .Combosearch .ant-select-selector {
width: 100%;
}
.ComboSubNavbar {
flex-wrap: nowrap !important;
@media (max-width: 1024px) {
overflow: auto;
padding-bottom: 5px;
}
.price-change-btn {
background-color: #1292ee;
color: #fff !important;
width: 32px;
height: 32px;
margin-right: unset !important;
outline: none !important;
border: none;
border-radius: 4px;
padding: 2px;
cursor: pointer;
img {
filter: invert(1);
width: 25px !important;
height: 25px !important;
}
}
.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;
}
}
}
.comboNavbarSubMain {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 0 6px;
.SalesCountComponent-Master {
width: unset;
gap: 10px;
p {
font-size: 13px !important;
}
}
@media (max-width: 1024px) {
flex-direction: column;
}
}
.ComboScreenPageTable {
.billtable3th {
padding: 3px !important;
}
.del-all-btn {
padding: 0.2rem 0.1rem;
}
.BSBill-Table3-throw {
height: 2rem;
}
.BSBilling3-tablediv {
tr {
height: 28px;
}
th > span {
font-size: 14px !important;
@media (max-width: 500px) {
font-size: 12px !important;
}
}
td:nth-child(2) {
display: flex;
align-items: center;
gap: 10px;
}
td:nth-child(3),
th:nth-child(3) {
width: 100px !important;
text-align: right;
}
td:nth-child(4),
th:nth-child(4) {
width: 100px !important;
text-align: center;
}
td:nth-child(5),
th:nth-child(5) {
width: 100px !important;
text-align: center;
}
td:nth-child(6),
th:nth-child(6) {
width: 100px !important;
text-align: right;
}
td:nth-child(7),
th:nth-child(7) {
width: 100px !important;
text-align: right;
}
td:nth-child(8),
th:nth-child(8) {
width: 40px !important;
text-align: center;
}
}
}
.BookingCloseCombo {
width: 32px;
height: 32px;
background-color: #1292ee;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
svg {
width: 25px !important;
height: 25px !important;
color: #fff !important;
}
}
.SearchSubnavbar-combo {
@media (max-width: 1024px) {
}
}
.combuSubNavbarRightSide {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
.comboPrichangeBTN {
width: 32px;
height: 32px;
// background-color: #1292ee;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
svg {
color: #fff !important;
display: flex;
align-items: center;
justify-content: center;
}
img {
width: 20px !important;
height: 20px !important;
}
}
.RiVerifiedBadgeFill {
width: 32px;
height: 32px;
background-color: #1292ee;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
padding: 5px;
}
}
.keyboardShortcut {
width: 32px;
height: 32px;
background-color: #1292ee;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: #fff;
}
.Layout-bill-Subcontainer {
display: flex;
width: 100%;
justify-content: space-around;
font-weight: 600;
align-items: center;
gap: 2px;
@media (max-width: 500px) {
font-size: 10px;
flex-wrap: wrap;
}
}
.pricing-name-details {
font-family: "Poppins";
font-size: 12px;
background: var(--SELECTED_COLOR);
padding: 3px 5px;
border-radius: 5px;
color: white;
white-space: nowrap;
margin-left: 8rem;
font-weight: 400;
@media (max-width: 500px) {
font-size: 10px !important;
}
}
.MultiSearchIconDiv3 {
background-color: #ffffff;
color: #1292ee !important;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
width: 32px !important;
height: 32px;
padding: 4px;
svg {
font-size: 22px;
width: 32px !important;
height: 32px;
display: flex;
}
}