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

feat: dark mode

Browse Source
This commit is contained in:
Ephraim Atta-Duncan
2024-05-23 14:39:43 +00:00
parent c86edbefb7
commit 25f870ccc0
2 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/marketing/src/components/(marketing)/carousel.tsx
View File

@ -82,8 +82,6 @@ export const Carousel = () => {
resetProgress(); resetProgress();
const autoplay = emblaApi.plugins()?.autoplay; const autoplay = emblaApi.plugins()?.autoplay;
console.log(autoplay);
if (autoplay) { if (autoplay) {
autoplay.reset(); autoplay.reset();
} }
@ -182,8 +180,8 @@ export const Carousel = () => {
</div> </div>
</div> </div>
<div className="absolute bottom-2 right-2 flex w-[5%] flex-col items-center space-y-1 rounded-lg bg-white p-1.5"> <div className="dark:bg-background absolute bottom-2 right-2 flex w-[5%] flex-col items-center space-y-1 rounded-lg bg-white p-1.5">
<span className="text-foreground text-xs"> <span className="text-foreground dark:text-muted-foreground text-xs">
{selectedIndex + 1}/{slides.length} {selectedIndex + 1}/{slides.length}
</span> </span>
<Progress value={progress} className="h-1" /> <Progress value={progress} className="h-1" />
@ -191,7 +189,7 @@ export const Carousel = () => {
</Card> </Card>
<div className="mx-auto mt-12 max-w-4xl px-2"> <div className="mx-auto mt-12 max-w-4xl px-2">
<div className="bg-muted-foreground/10 text-foreground inline-block rounded-xl px-3 py-2 text-sm"> <div className="bg-muted-foreground/10 dark:bg-muted text-foreground dark:text-muted-foreground inline-block rounded-xl px-3 py-2 text-sm">
What's new What's new
</div> </div>

9
apps/marketing/src/components/(marketing)/thumb.tsx
View File

@ -16,9 +16,12 @@ export const Thumb: React.FC<PropType> = (props) => {
<button <button
onClick={onClick} onClick={onClick}
type="button" type="button"
className={cn('text-muted-foreground border-b-2 border-transparent py-4', { className={cn(
'border-primary text-foreground border-b-2': selected, 'text-muted-foreground dark:text-muted-foreground/60 border-b-2 border-transparent py-4',
})} {
'border-primary text-foreground dark:text-muted-foreground border-b-2': selected,
},
)}
> >
{label} {label}
</button> </button>