previous stats style adjusted

This commit was merged in pull request #759.
This commit is contained in:
victorAnumudu
2024-07-21 15:39:09 +01:00
parent ead1be773f
commit e5c511bd8f
2 changed files with 18 additions and 15 deletions
@@ -142,8 +142,8 @@ const MarketPopUp = ({ details, onClose, situation, marketInt }) => {
<CloseIcon onClose={onClose} />
</div>
<div className="md:flex bg-white dark:bg-dark-white text-slate-900 dark:text-white rounded-lg">
<div className="p-4 w-full md:w-[75%] md:border-r-1">
<div className="md:grid md:grid-cols-4 bg-white dark:bg-dark-white text-slate-900 dark:text-white rounded-lg">
<div className="p-4 w-full md:col-span-3 md:border-r-1">
<div className="min-h-[240px]">
<h2 className="font-semibold text-slate-900 dark:text-white tracking-wide">
{details?.title}
@@ -175,8 +175,8 @@ const MarketPopUp = ({ details, onClose, situation, marketInt }) => {
<div
className={`w-full p-2 md:w-3/4 text-slate-900 dark:text-white market-pop ${
name == "Description"
? "max-h-22 h-full overflow-y-auto break-words"
: name == "Delivery Detail" ? " overflow-y-auto h-full max-h-22"
? "min-h-[100px] max-h-[100px] h-full overflow-y-auto break-words"
: name == "Delivery Detail" ? " overflow-y-auto h-full min-h-[100px] max-h-[100px]"
: "h-full flex items-center"
}`}
>
@@ -214,7 +214,7 @@ const MarketPopUp = ({ details, onClose, situation, marketInt }) => {
</div>
))}
</div>
<hr />
<hr className='my-1' />
<div className="w-full flex flex-col gap-3">
<div className="w-full">
<label className="job-label w-full">
@@ -251,8 +251,8 @@ const MarketPopUp = ({ details, onClose, situation, marketInt }) => {
</div>
</div>
<div className="w-full md:w-[23%] h-full flex flex-col">
<div className="mx-auto bg-[#f1f8ff] dark:bg-[#C2C8D3] px-4 rounded-md md:min-h-[420px] flex flex-col justify-between">
<div className="py-2 w-full md:col-span-1 h-full flex flex-col">
<div className="mx-auto bg-[#f1f8ff] dark:bg-[#C2C8D3] px-4 rounded-md w-full h-full md:min-h-[420px] flex flex-col justify-between">
<div className="w-full flex flex-col justify-center pb-4 gap-2">
<p className="job-label w-full">
Interested?
@@ -264,7 +264,7 @@ const MarketPopUp = ({ details, onClose, situation, marketInt }) => {
onClick={ManageInterest}
>
{" "}
<div className="w-full flex flex-col justify-between gap-2">
<div className="flex md:flex-col justify-center gap-2">
<span>Notify</span>
<span>Owner</span>
</div>