After optim Design

This commit is contained in:
Your Name 2026-02-11 17:21:58 +05:30
parent 509b2aae37
commit f431eb66ec
17 changed files with 132 additions and 70 deletions

View File

@ -16,6 +16,13 @@
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,400;0,500;0,600;0,700;1,200&display=swap"
rel="stylesheet"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Manrope:wght@200;300;400;500;600;700;800&family=Montserrat:wght@400;500;600;700&family=Poppins:ital,wght@1,200&display=swap"
/>

View File

@ -67,7 +67,7 @@ const CenterPage = ({ collapse, setCollapse }) => {
height: getDeviceType() ? '84vh' : '',
padding: isCurrentPath ? "0px" : "6px",
borderRadius: isCurrentPath ? "0px" : "12px",
backgroundColor: isCurrentPath ? "unset" : "#fff"
backgroundColor: isCurrentPath ? "#f3f3f3" : "#fff"
}}
>
{/* <div

View File

@ -11,6 +11,7 @@ import TakeAway from './Pozo retail icons/PozoTakeAwayIcon';
import { ChangeTotalAmount } from '../../../../Features/ExteraCharges/ExtraCharges';
import TooltipWrapper from '../../../../Components/Tooltip/Tooltip';
import { isMobile } from 'react-device-detect';
import "../../../../Styles/BookingScreen/Components/BSNavbar/BSNavbar1.scss"
const BSNavBarHandbag = () => {
const dispatch = useDispatch();

View File

@ -6,6 +6,7 @@ import ProductList from './ProductList';
import ComboList from '../ComboPack/ComboMasterlist';
import { ApplicationPreferences } from '../../Features/BrachLogin/BranchLogin';
import { useSelector } from 'react-redux';
import "../../Styles/BookingScreen/Components/SelectionComponent/SelectionComponent.scss"
const ProductMaster = ({ formType }) => {
const appPreferences = useSelector(ApplicationPreferences);

View File

@ -39,6 +39,7 @@ import {
putStockData,
} from '../../Features/StockMaster/StockMaster.js';
import '../../Styles/Stock/StockMaster.scss';
import "../../Styles/OverAllStyle/OverAllStyle.scss"
import {
getAdmin,
getUomData,

View File

@ -10,6 +10,7 @@ import FormHeader from '../PageComponents/FormHeader';
import { Input, Form, DatePicker, Collapse, Tooltip } from 'antd';
import { IoEye } from 'react-icons/io5';
import './Dispatch.scss';
import "../../Styles/BookingScreen/Components/SelectionComponent/SelectionComponent.scss"
import { DefaultModal } from '../../Components/Modal/DefaultModal';
import {
getRequestedStockQty,

View File

@ -26,6 +26,7 @@ import {
} from '../../Features/stockReceivedGodown/ReceivedStock.js';
import { render } from 'react-dom';
import { GoPackageDependencies } from 'react-icons/go';
import "../../Styles/BookingScreen/Components/SelectionComponent/SelectionComponent.scss"
const subDirectory = import.meta.env.BASE_URL;

View File

@ -17,6 +17,8 @@ import { changeBreadCrumb } from '../../Features/AppPage/CenterPage';
import { DatePicker, Modal, Table } from 'antd';
import { getRequestStock } from '../../Features/RequestStock/RequestStock';
import { EyeOutlined } from '@ant-design/icons';
import "../../Styles/BookingScreen/Components/SelectionComponent/SelectionComponent.scss"
const subDirectory = import.meta.env.BASE_URL;
const StockTransferList = () => {

View File

@ -99,6 +99,7 @@
overflow-x: auto;
max-height: 500px;
overflow-y: auto;
scrollbar-width: thin;
width: 100%;
.ant-input {
padding: 6px 6px !important;

View File

@ -25,6 +25,8 @@
padding: 6px;
overflow: auto;
height: 97vh;
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* Internet Explorer 10+ */
@media (max-width: 500px) {
height: 95vh !important;
}
@ -69,6 +71,8 @@
height: 100%;
overflow: auto;
margin: 0 16px;
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* Internet Explorer 10+ */
@media (max-width: 500px) {
width: 94%;
@ -101,6 +105,7 @@
height: 74vh;
overflow: auto;
row-gap: 1.5rem;
scrollbar-width: thin;
}
.formDivAnt {
@ -207,6 +212,8 @@
// padding-left: var(--TABLE_PAGE_PADDING);
overflow: auto;
padding-bottom: 4rem;
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* Internet Explorer 10+ */
// padding-bottom: 10rem;
@ -234,6 +241,7 @@
// width: 80vw;
width: 100%;
height: 70vh !important;
scrollbar-width: thin;
.ant-table-column-sorter {
color: #fff !important;
}
@ -330,7 +338,7 @@
.centerPage-tooltip {
position: relative;
display: inline-block;
font-family: 'Gilroy';
font-family: "Gilroy";
}
.paypreLogoDiv {
@ -372,7 +380,7 @@
padding-left: 100%;
animation: scrollText 10s linear infinite;
color: #ff4d4f;
font-family: 'Poppins';
font-family: "Poppins";
font-size: 12px;
font-weight: 500;
}
@ -418,49 +426,30 @@
font-weight: unset;
}
.ant-table
.ant-table-container
.ant-table-content
table
tbody
tr:nth-child(even):hover {
.ant-table .ant-table-container .ant-table-content table tbody tr:nth-child(even):hover {
background-color: #2c88ee1c !important;
font-weight: unset;
}
.ant-table
.ant-table-container
.ant-table-content
table
tbody
tr:nth-child(even):hover
td {
.ant-table .ant-table-container .ant-table-content table tbody tr:nth-child(even):hover td {
background-color: #2c88ee1c !important;
font-weight: unset;
}
.ant-table
.ant-table-container
.ant-table-content
table
tbody
tr:nth-child(odd):hover {
.ant-table .ant-table-container .ant-table-content table tbody tr:nth-child(odd):hover {
background-color: #2c88ee1c !important;
font-weight: unset;
}
.ant-table
.ant-table-container
.ant-table-content
table
tbody
tr:nth-child(odd):hover
td {
.ant-table .ant-table-container .ant-table-content table tbody tr:nth-child(odd):hover td {
background-color: #2c88ee1c !important;
font-weight: unset;
}
.ant-table-thead tr {
background-color: #2c88ee !important;
}
.ant-table-thead tr {
background-color: #2c88ee !important;
}
.ant-table-thead .ant-table-cell {
border: none !important;
}

View File

@ -17,7 +17,7 @@
color: var(--DEFAULT_SELECTED_COLOR);
.BSBillingNavBar1-SearchBar {
font-size: 12px !important;
font-family: 'Poppins' !important;
font-family: "Poppins" !important;
font-weight: 500;
justify-content: center;
white-space: nowrap;
@ -39,7 +39,7 @@
.BSBillingNavBar1-SearchBar {
display: flex;
font-family: 'Gilroy';
font-family: "Gilroy";
font-weight: 600;
border-radius: 5px;
color: #212529 !important;
@ -312,7 +312,7 @@
.BSNavbar1-timer {
width: 8rem;
font-family: 'Gilroy';
font-family: "Gilroy";
display: flex;
justify-content: center;
text-wrap: nowrap;
@ -485,7 +485,6 @@
pointer-events: none;
}
.MultiSearchIconDiv {
background-color: #1292ee;
color: #fff !important;
@ -498,7 +497,6 @@
height: 35px;
padding: 6px;
svg {
font-size: 22px;
width: 35px !important;

View File

@ -1680,6 +1680,7 @@
border-radius: 8px;
flex-direction: column;
padding: 12px;
font-family: "Inter", sans-serif;
}
.todaySnapFlex {

View File

@ -923,6 +923,9 @@
display: flex;
flex-direction: row;
gap: 1rem;
.ant-form-item{
margin-bottom: 0 !important;
}
}
.CommmasterPageHeader {
@ -1606,3 +1609,63 @@ table {
.CustomerForm-Master {
width: 100%;
}
// Sree
.component-table-purchae {
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: max-content;
max-height: 300px;
width: 100%;
overflow-y: scroll;
& .ant-table-wrapper table {
width: 80%;
}
}
.component-table-new {
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: 400px;
width: 100%;
overflow-y: scroll;
& .ant-table-wrapper table {
width: 100%;
}
}
.component-table-new .ant-pagination {
position: sticky;
bottom: 0;
margin: 0 !important;
padding: 0.5rem;
background-color: #fafafa;
}
.userPageContent {
.wspreorder-input1 {
display: flex;
align-items: flex-start;
gap: 1rem;
flex-wrap: wrap;
}
.ant-form-item-control-input-content {
display: flex;
align-items: flex-start;
gap: 10px;
}
.submitButton1 {
width: 90%;
.primary_Button {
float: inline-end;
color: white;
}
}
}

View File

@ -87,7 +87,7 @@
width: 180px !important;
}
>div:nth-child(2) {
> div:nth-child(2) {
p {
display: none !important;
}
@ -99,7 +99,7 @@
}
.supplier-dtls {
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
font-size: 18px;
font-weight: 500 !important;
}
@ -136,7 +136,7 @@
}
.product-extractor-table {
font-family: 'Poppins';
font-family: "Poppins";
.ant-input {
padding: 6px 12px 6px 12px !important;
@ -145,7 +145,7 @@
max-width: 130px !important;
}
>td:nth-child(3) {
> td:nth-child(3) {
.ant-input {
width: max-content !important;
max-width: 70px !important;
@ -153,7 +153,7 @@
}
}
>td:nth-child(5) {
> td:nth-child(5) {
.ant-input {
width: max-content !important;
max-width: 100px !important;
@ -273,7 +273,7 @@
.ant-switch-inner-checked,
.ant-switch-inner-unchecked {
font-family: 'Poppins';
font-family: "Poppins";
font-weight: 500;
}
@ -324,12 +324,12 @@
}
.purchase-status {
>div:nth-child(1) {
> div:nth-child(1) {
display: flex;
align-items: center;
gap: 10px;
>p {
> p {
padding-bottom: 0 !important;
}
}
@ -411,7 +411,7 @@
padding: 8px 16px;
color: #ffffff;
background-color: #1b86dd;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
font-size: 14px;
border-radius: 8px;
cursor: pointer;
@ -447,8 +447,8 @@
.invoice-date {
.ant-form-item-control-input-content {
>label {
font-family: 'Poppins';
> label {
font-family: "Poppins";
font-weight: 500;
}
@ -473,16 +473,16 @@
gap: 1rem;
margin-bottom: 10px;
>button {
font-family: 'Poppins';
> button {
font-family: "Poppins";
background-color: #ef4444;
color: #fff;
display: flex;
align-items: center;
.ant-btn-icon {
>span {
>svg {
> span {
> svg {
width: 13px;
height: 13px;
}
@ -499,7 +499,7 @@
outline: none;
padding: 10px 16px;
font-weight: 400;
font-family: 'Poppins';
font-family: "Poppins";
background-color: #1b86dd;
border-radius: 2px 8px 2px 8px;
color: #fff;
@ -676,7 +676,7 @@
font-size: 15px;
color: #1292ee;
font-weight: 500;
font-family: 'Poppins';
font-family: "Poppins";
}
@keyframes scanLine {
@ -701,7 +701,7 @@
gap: 5px;
background-color: #f8f9fa;
border-radius: 8px;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
}
.preview-field {
@ -753,7 +753,7 @@
font-size: 16px;
color: #1292ee;
font-weight: 500;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
}
@keyframes spin {
@ -781,7 +781,7 @@
outline: none;
padding: 8px 16px;
width: max-content;
font-family: 'Poppins';
font-family: "Poppins";
font-weight: 500;
font-size: 14px;
cursor: pointer;
@ -822,7 +822,6 @@
}
}
.proReceiptTD {
.ant-input {
width: 100% !important;
@ -833,19 +832,16 @@
}
@media (max-width: 500px) {
.tdProductrecipt,
.proReceiptTD {
font-size: 12px !important;
}
.div-flex{
padding-bottom: 18px !important;
.div-flex {
padding-bottom: 18px !important;
}
}
.div-flex {
display: flex;
align-items: center;
@ -863,6 +859,6 @@
.div-flex {
flex-direction: column;
align-items: flex-start;
padding-bottom: 8px !important;
padding-bottom: 8px !important;
}
}

View File

@ -24,7 +24,7 @@
flex-direction: column;
flex-wrap: wrap;
height: max-content;
max-height:300px;
max-height: 300px;
width: 100%;
overflow-y: scroll;
& .ant-table-wrapper table {

View File

@ -52,7 +52,7 @@ const useSessionManager = (dependencyTrigger) => {
}
};
sessionCheckFun();
// sessionCheckFun();
}, [dependencyTrigger]);
// 🔹 Logout (shared everywhere)