mohiit1502/zin-tools
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adjust Dark Mode Styles for Home Page

Browse Source
This commit is contained in:
aftabrehan
2024-02-02 16:24:59 +05:00
parent f87e81c4d7
commit e96577e60e
7 changed files with 20 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/section-wrapper.tsx
View File

@@ -15,14 +15,18 @@ export const SectionWrapper = ({
children,
childrenClass,
}: sectionWraperProps) => (
<section className="w-full flex flex-col px-0 xs:px-2 sm:px-4 md:px-6 py-0 sm:py-2 md:py-4 bg-white rounded-3xl">
<section className="w-full flex flex-col px-0 xs:px-2 sm:px-4 md:px-6 py-0 sm:py-2 md:py-4 bg-white dark:bg-[#1e2023] rounded-3xl">
<div className="flex items-center justify-between px-4 py-4 sm:py-6 gap-2">
<h1 className={'text-black text-xl sm:text-3xl font-bold'}>{title}</h1>
<h1
className={'text-black dark:text-white text-xl sm:text-3xl font-bold'}
>
{title}
</h1>
{showAllButton && (
<Button
label="All"
variant="secondary"
icon={<AngleRightIcon />}
icon={<AngleRightIcon className="fill-black dark:fill-white" />}
className="hidden sm:flex h-9"
/>
)}