Addes style and offter amt
This commit is contained in:
parent
d94188656e
commit
6506ce3622
|
|
@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react';
|
||||||
import { useSelector, useDispatch } from 'react-redux';
|
import { useSelector, useDispatch } from 'react-redux';
|
||||||
import { getSession } from '../../Services/Others';
|
import { getSession } from '../../Services/Others';
|
||||||
import Papercut from '../../Images/Assets/Papercut.svg';
|
import Papercut from '../../Images/Assets/Papercut.svg';
|
||||||
// import "../../Styles/ProductCatalogue/CatalogueTemplate2.scss";
|
import "../../Styles/ProductCatalogue/CatalogueTemplate2.scss";
|
||||||
import {
|
import {
|
||||||
GlobalCataloguedata,
|
GlobalCataloguedata,
|
||||||
Branchname,
|
Branchname,
|
||||||
|
|
@ -47,7 +47,7 @@ const Catalogues = () => {
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="page-header"
|
className="page-header-1"
|
||||||
style={{
|
style={{
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
|
|
@ -106,7 +106,7 @@ const Catalogues = () => {
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<td style={{ width: '100%' }}>
|
<td style={{ width: '100%' }}>
|
||||||
<div style={{ height: '100px', background: '#fff' }}> </div>
|
<div style={{ height: '0px', background: '#fff' }}> </div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
@ -127,11 +127,11 @@ const Catalogues = () => {
|
||||||
|
|
||||||
<div
|
<div
|
||||||
style={{
|
style={{
|
||||||
display: 'grid',
|
display: 'flex',
|
||||||
gridTemplateColumns: 'repeat( 5, 1fr)',
|
flexWrap: 'wrap',
|
||||||
gridAutoRows: '140px',
|
|
||||||
justifyContent: 'center',
|
justifyContent: 'center',
|
||||||
gap: '0.3rem',
|
gap: '0.3rem',
|
||||||
|
padding: '1rem 0',
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{Globalcataloguedata1?.map((item) => (
|
{Globalcataloguedata1?.map((item) => (
|
||||||
|
|
@ -141,10 +141,14 @@ const Catalogues = () => {
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
flexDirection: 'column',
|
flexDirection: 'column',
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
widht: '100px',
|
width: '100px',
|
||||||
height: 'auto',
|
height: '140px',
|
||||||
backgroundColor: '#eeeeee',
|
backgroundColor: '#eeeeee',
|
||||||
justifyContent: 'space-around',
|
justifyContent: 'space-around',
|
||||||
|
pageBreakInside: 'avoid',
|
||||||
|
breakInside: 'avoid',
|
||||||
|
margin: '0.2rem',
|
||||||
|
borderRadius: '6px',
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<div>
|
<div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue