Skip to content

Commit

Permalink
Fixed minor issues with light mode.
Browse files Browse the repository at this point in the history
  • Loading branch information
@mokelgit
mokelgit committed Sep 5, 2023
1 parent 0820ec8 commit 79ddeea
Show file tree
Hide file tree
Showing 2 changed files with 20 additions and 20 deletions.
20 changes: 10 additions & 10 deletions components/layout/CategoryMetrics.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1649,7 +1649,7 @@ export default function CategoryMetrics({
: "formkit:arrowup"
: "formkit:arrowdown"
}
className={` text-white ${
className={` dark:text-white text-black ${
contractCategory === "chain" ? "opacity-100" : "opacity-20"
}`}
/>
Expand All @@ -1675,7 +1675,7 @@ export default function CategoryMetrics({
: "formkit:arrowup"
: "formkit:arrowdown"
}
className={` text-white ${
className={` dark:text-white text-black ${
contractCategory === "contract"
? "opacity-100"
: "opacity-20"
Expand Down Expand Up @@ -1705,7 +1705,7 @@ export default function CategoryMetrics({
: "formkit:arrowup"
: "formkit:arrowdown"
}
className={` text-white ${
className={` dark:text-white text-black ${
contractCategory === "subcategory"
? "opacity-100"
: "opacity-20"
Expand Down Expand Up @@ -1739,7 +1739,7 @@ export default function CategoryMetrics({
: "formkit:arrowup"
: "formkit:arrowdown"
}
className={` text-white ${
className={` dark:text-white text-black ${
contractCategory === "value" ? "opacity-100" : "opacity-20"
}`}
/>
Expand All @@ -1758,7 +1758,7 @@ export default function CategoryMetrics({

return (
<div key={key + "" + sortOrder}>
<div className="flex rounded-full border-forest-100 border-[1px] h-[60px] mt-[7.5px] group">
<div className="flex rounded-full border-forest-200 dark:border-forest-100 border-[1px] h-[60px] mt-[7.5px] group">
<div className="flex w-[100%] ml-4 mr-8 items-center ">
<div className="flex items-center h-10 w-[34%] gap-x-[20px] pl-1 ">
<div className=" w-[40px]">
Expand Down Expand Up @@ -1920,9 +1920,9 @@ export default function CategoryMetrics({
).toLocaleString("en-US")}
</div>

<div className="h-[3px] w-[110px] bg-forest-900 flex justify-end">
<div className="h-[3px] w-[110px] bg-forest-50 dark:bg-forest-900 flex justify-end">
<div
className={`h-full bg-forest-50`}
className={`h-full bg-forest-900 dark:bg-forest-50`}
style={{
width: getWidth(sortedContracts[key]),
}}
Expand Down Expand Up @@ -1960,7 +1960,7 @@ export default function CategoryMetrics({

return (
<div key={key + "" + sortOrder}>
<div className="flex rounded-full border-forest-100 border-[1px] h-[60px] mt-[7.5px] group">
<div className="flex rounded-full border-forest-200 dark:border-forest-100 border-[1px] h-[60px] mt-[7.5px] group">
<div className="flex w-[100%] ml-4 mr-8 items-center ">
<div className="flex items-center h-10 w-[34%] gap-x-[20px] pl-1 ">
<div className=" w-[40px]">
Expand Down Expand Up @@ -2123,9 +2123,9 @@ export default function CategoryMetrics({
).toLocaleString("en-US")}
</div>

<div className="h-[3px] w-[110px] bg-forest-900 flex justify-end">
<div className="h-[3px] w-[110px] bg-forest-50 dark:bg-forest-900 flex justify-end">
<div
className={`h-full bg-forest-50`}
className={`h-full bg-forest-900 dark:bg-forest-50`}
style={{
width: getWidth(sortedContracts[key]),
}}
Expand Down
20 changes: 10 additions & 10 deletions components/layout/OverviewMetrics.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1486,7 +1486,7 @@ export default function OverviewMetrics({
: "formkit:arrowup"
: "formkit:arrowdown"
}
className={` text-white ${
className={` dark:text-white text-black ${
contractCategory === "chain" ? "opacity-100" : "opacity-20"
}`}
/>
Expand All @@ -1512,7 +1512,7 @@ export default function OverviewMetrics({
: "formkit:arrowup"
: "formkit:arrowdown"
}
className={` text-white ${
className={` dark:text-white text-black ${
contractCategory === "contract"
? "opacity-100"
: "opacity-20"
Expand Down Expand Up @@ -1542,7 +1542,7 @@ export default function OverviewMetrics({
: "formkit:arrowup"
: "formkit:arrowdown"
}
className={` text-white ${
className={` dark:text-white text-black ${
contractCategory === "subcategory"
? "opacity-100"
: "opacity-20"
Expand Down Expand Up @@ -1576,7 +1576,7 @@ export default function OverviewMetrics({
: "formkit:arrowup"
: "formkit:arrowdown"
}
className={` text-white ${
className={` dark:text-white text-black ${
contractCategory === "value" ? "opacity-100" : "opacity-20"
}`}
/>
Expand All @@ -1596,7 +1596,7 @@ export default function OverviewMetrics({

return (
<div key={key + "" + sortOrder}>
<div className="flex rounded-full border-forest-100 border-[1px] h-[60px] mt-[7.5px] ">
<div className="flex rounded-full border-forest-200 dark:border-forest-100 border-[1px] h-[60px] mt-[7.5px] ">
<div className="flex w-[100%] ml-4 mr-8 items-center ">
<div className="flex items-center h-10 w-[34%] gap-x-[20px] pl-1 ">
<div className=" w-[40px]">
Expand Down Expand Up @@ -1768,9 +1768,9 @@ export default function OverviewMetrics({
).toLocaleString("en-US")}
</div>

<div className="h-[3px] w-[110px] bg-forest-900 flex justify-end">
<div className="h-[3px] w-[110px] bg-forest-100 dark:bg-forest-900 flex justify-end">
<div
className={`h-full bg-forest-50`}
className={`h-full bg-forest-900 dark:bg-forest-50`}
style={{
width: getWidth(sortedContracts[key]),
}}
Expand Down Expand Up @@ -1808,7 +1808,7 @@ export default function OverviewMetrics({

return (
<div key={key + "" + sortOrder}>
<div className="flex rounded-full border-forest-100 border-[1px] h-[60px] mt-[7.5px] ">
<div className="flex rounded-full border-forest-200 dark:border-forest-100 border-[1px] h-[60px] mt-[7.5px] ">
<div className="flex w-[100%] ml-4 mr-8 items-center ">
<div className="flex items-center h-10 w-[34%] gap-x-[20px] pl-1 ">
<div className=" w-[40px]">
Expand Down Expand Up @@ -1985,9 +1985,9 @@ export default function OverviewMetrics({
).toLocaleString("en-US")}
</div>

<div className="h-[3px] w-[110px] bg-forest-900 flex justify-end">
<div className="h-[3px] w-[110px] bg-forest-100 dark:bg-forest-900 flex justify-end">
<div
className={`h-full bg-forest-50`}
className={`h-full bg-forest-900 dark:bg-forest-50`}
style={{
width: getWidth(sortedContracts[key]),
}}
Expand Down

1 comment on commit 79ddeea

@vercel
Copy link

@vercel vercel bot commented on 79ddeea Sep 5, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

growthepie-frontend – ./

ef-grant-frontend.vercel.app
growthepie-frontend-orbal-analytics.vercel.app
growthepie-frontend-git-main-orbal-analytics.vercel.app
www.growthepie.xyz
growthepie.xyz

Please sign in to comment.