Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-19 11:12:06 +10:00
Code Issues Packages Projects Releases Wiki Activity

adding dark mode to feat/refresh

Browse Source
This commit is contained in:
Doug Andrade
2023-06-11 01:50:19 -04:00
parent b0e364acf4
commit 877a579533
21 changed files with 217 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/web/src/components/(dashboard)/metric-card/metric-card.tsx
View File

@ -13,7 +13,7 @@ export type CardMetricProps = {
export const CardMetric = ({ icon: Icon, title, value, className }: CardMetricProps) => {
return (
<div className={cn('overflow-hidden rounded-lg border border-slate-200 bg-white', className)}>
<div className={cn('border-border bg-background overflow-hidden rounded-lg border', className)}>
<div className="px-4 pb-6 pt-4 sm:px-4 sm:pb-8 sm:pt-4">
<div className="flex items-start">
{Icon && <Icon className="mr-2 h-4 w-4 text-slate-500" />}
@ -21,7 +21,7 @@ export const CardMetric = ({ icon: Icon, title, value, className }: CardMetricPr
<h3 className="flex items-end text-sm font-medium text-slate-500">{title}</h3>
</div>
<p className="mt-6 text-4xl font-semibold leading-8 text-gray-900 md:mt-8">
<p className="text-foreground mt-6 text-4xl font-semibold leading-8 md:mt-8">
{typeof value === 'number' ? value.toLocaleString('en-US') : value}
</p>
</div>