Services Page Grid Done

main
Pedram Keshavarzi 3 years ago
parent 835f1b63cc
commit 97ddcffb7e
  1. 2
      src/components/exam/Carousel/index.js
  2. 28
      src/view/services/index.js

@ -286,7 +286,7 @@ const MyExamList = ({isMobile}) => {
<div className="my-exam-list">
<div className="my-exam-list-content rounded-lg">
<h1 className='text-right w-full text-red52 pt-4 px-6'>لیست آزمون های من</h1>
<h1 className='text-right w-full font-bold text-red52 pt-4 px-6'>لیست آزمون های من</h1>
<div className="melc-header">
{data.map((item, i) => (
<div

@ -109,7 +109,7 @@ if (!isMobile){
return (
<div
className="flex items-start justify-between"
style={{ width: "93.5%", direction: "rtl" }}
style={{ width: "93.5%", direction: "rtl", height: '100vh' }}
>
{popup ? (
<ServicePopUp
@ -119,10 +119,10 @@ if (!isMobile){
) : null}
<div
className="w-3/4 flex flex-col justify-center "
style={{ marginTop: "5.5%" }}
style={{ paddingTop:'5.5%', height: '100vh' }}
>
<div
className="relative h-48 w-full border-b border-red82OP my-4 px-10"
className="h-48 w-full border-b border-red82OP my-4 px-10"
style={{ direction: "ltr" }}
>
{/* {
@ -224,8 +224,7 @@ if (!isMobile){
<div
className={`flex w-32 border-2 p-2 mx-2 justify-center items-center rounded-md cursor-pointer
hover:border-red52 hover:text-red52 hover:bg-pinkF5
${
filterCheck[0]
${filterCheck[0]
? "border-red52 text-red52 bg-pinkF5"
: "border-gray200 text-gray-400"
}`}
@ -264,8 +263,7 @@ if (!isMobile){
<div
className={`flex w-32 border-2 p-2 mx-2 justify-center items-center rounded-md cursor-pointer
hover:border-red52 hover:text-red52 hover:bg-pinkF5
${
filterCheck[0]
${filterCheck[0]
? "border-red52 text-red52 bg-pinkF5"
: "border-gray200 text-gray-400"
}`}
@ -314,9 +312,8 @@ if (!isMobile){
</div>}
<div
className={`flex ${
gameId == 2 && "flex-col"
} items-center w-full justify-center flex-wrap `}
className={`flex
} items-center w-full justify-center overflow-x-hidden overflow-scroll flex-wrap h-full `}
>
{books?.map((product, index) => (
<div
@ -423,11 +420,12 @@ if (!isMobile){
}
</div>
</div>
{!isMobile && <div className="w-1/4 fixed left-0" style={{ height: "100vh" }}>
{!isMobile && <div className="w-1/4 left-0" style={{ height: "100vh" }}>
<ShoppingCart />
</div>}
</div>
);}
);
}
// Mobile Version
else {
return (
@ -501,8 +499,7 @@ if (!isMobile){
<div
className={`flex w-32 border-2 p-2 mx-2 justify-center items-center rounded-md cursor-pointer
hover:border-red52 hover:text-red52 hover:bg-pinkF5
${
filterCheck[0]
${filterCheck[0]
? "border-red52 text-red52 bg-pinkF5"
: "border-gray200 text-gray-400"
}`}
@ -541,8 +538,7 @@ if (!isMobile){
<div
className={`flex w-32 border-2 p-2 mx-2 justify-center items-center rounded-md cursor-pointer
hover:border-red52 hover:text-red52 hover:bg-pinkF5
${
filterCheck[1]
${filterCheck[1]
? "border-red52 text-red52 bg-pinkF5"
: "border-gray200 text-gray-400"
}`}

Loading…
Cancel
Save