After optim Design
This commit is contained in:
parent
509b2aae37
commit
f431eb66ec
|
|
@ -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"
|
||||
/>
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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();
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -39,6 +39,7 @@ import {
|
|||
putStockData,
|
||||
} from '../../Features/StockMaster/StockMaster.js';
|
||||
import '../../Styles/Stock/StockMaster.scss';
|
||||
import "../../Styles/OverAllStyle/OverAllStyle.scss"
|
||||
import {
|
||||
getAdmin,
|
||||
getUomData,
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
||||
|
|
|
|||
|
|
@ -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 = () => {
|
||||
|
|
|
|||
|
|
@ -99,6 +99,7 @@
|
|||
overflow-x: auto;
|
||||
max-height: 500px;
|
||||
overflow-y: auto;
|
||||
scrollbar-width: thin;
|
||||
width: 100%;
|
||||
.ant-input {
|
||||
padding: 6px 6px !important;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -1680,6 +1680,7 @@
|
|||
border-radius: 8px;
|
||||
flex-direction: column;
|
||||
padding: 12px;
|
||||
font-family: "Inter", sans-serif;
|
||||
}
|
||||
|
||||
.todaySnapFlex {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -52,7 +52,7 @@ const useSessionManager = (dependencyTrigger) => {
|
|||
}
|
||||
};
|
||||
|
||||
sessionCheckFun();
|
||||
// sessionCheckFun();
|
||||
}, [dependencyTrigger]);
|
||||
|
||||
// 🔹 Logout (shared everywhere)
|
||||
|
|
|
|||
Loading…
Reference in New Issue