design dark mode page user-account

This commit is contained in:
Ehsan
2024-09-28 20:05:59 +03:30
parent 8e165bb2a7
commit 33f0a99a45
9 changed files with 45 additions and 10 deletions
+3 -1
View File
@@ -1,7 +1,9 @@
function ContentText({ children, text }) {
return (
<div className="flex flex-col items-start justify-start gap-[12px] md:gap-[14px] lg:gap-[16px] content-text-panel">
<p className="text-[#525252] text-[14px] font-medium">{text}</p>
<p className="text-[#525252] dark:text-[#D7D8ED] text-[14px] font-medium">
{text}
</p>
{children}
</div>
);
+1 -1
View File
@@ -10,7 +10,7 @@ function Head() {
</div>
<Button
variant="text"
className="!flex !p-1 !text-[#525252] !text-[14px] md:!text-[16px] !font-medium !items-center !justify-center !gap-[4px]"
className="!flex !p-1 !text-[#525252] dark:!text-[#A1A1A1] !text-[14px] md:!text-[16px] !font-medium !items-center !justify-center !gap-[4px]"
>
انتخاب تصویر
<ArrowLeftPU />
+4 -4
View File
@@ -5,10 +5,10 @@ function UserAccountPage({ data }) {
return (
<div
className="
opacity-page rounded-[8px] bg-transparent md:bg-[#FFF]
shadow-none md:shadow-[0px_1px_24.8px_0px_rgba(204,204,204,0.18)] py-0 md:py-[16px] lg:py-[32px]
px-0 sm:px-[14px] md:px-[24px] lg:px-[44px] xl:px-[112px]
"
opacity-page rounded-[8px] bg-transparent md:bg-[#FFF]
shadow-none md:shadow-[0px_1px_24.8px_0px_rgba(204,204,204,0.18)] py-0 md:py-[16px] lg:py-[32px]
px-0 sm:px-[14px] md:px-[24px] lg:px-[44px] xl:px-[112px] dark:shadow-[0px_4px_25px_10px_#1F1D2B] dark:bg-[#222433]
"
>
<Head />
<Form />