update src/components/Card/index.js and src/components/Modal/index.js

master
mahdi 2 years ago
parent 016a672bee
commit 2c4239a1bd
  1. 4
      src/components/Card/index.js
  2. 2
      src/components/Modal/index.js

@ -6,11 +6,11 @@ import Modal from "../Modal";
const ProcessCard = ({ processes, title, hint, buttons, options }) => { const ProcessCard = ({ processes, title, hint, buttons, options }) => {
return ( return (
<section className="w-fit mx-auto flex flex-row bg-white border border-gray-300 rounded-md mt-5"> <section className="min-w-[75 0px] w-fit mx-auto flex flex-row bg-white border border-gray-300 rounded-md mt-5">
{/* right */} {/* right */}
<div className="flex flex-1 flex-col justify-between"> <div className="flex flex-1 flex-col justify-between">
{/* top */} {/* top */}
<div className="flex items-center p-4 bg-[#EEFCE4] divide-x-2 divide-[#C7C7C7] divide-x-reverse"> <div className="flex items-center p-4 bg-[#EEFCE4] rounded-r divide-x-2 divide-[#C7C7C7] divide-x-reverse">
{processes.map((process, index) => ( {processes.map((process, index) => (
<div <div
className="flex flex-1 items-center justify-center flex-grow" className="flex flex-1 items-center justify-center flex-grow"

@ -20,7 +20,7 @@ const Modal = ({ activeTab, children }) => {
openModal ? "flex" : "hidden pointer-events-none" openModal ? "flex" : "hidden pointer-events-none"
}`} }`}
> >
<div className="w-1/2 flex flex-col bg-white border border-gray-400 rounded-sm z-100"> <div className="min-w-[900px] w-fit min-h-[777px] flex flex-col justify-between bg-white border border-gray-400 rounded">
<div <div
className="p-3 flex flex-col" className="p-3 flex flex-col"
onClick={(e) => e.stopPropagation()} onClick={(e) => e.stopPropagation()}

Loading…
Cancel
Save