design dark mode list page panel

This commit is contained in:
Ehsan
2024-09-28 19:35:19 +03:30
parent 92945e60e4
commit 8e165bb2a7
4 changed files with 27 additions and 23 deletions
+1 -1
View File
@@ -29,7 +29,7 @@ function Cards({ data, loading }) {
];
return (
<ul className="flex flex-wrap flex-col sm:flex-row items-center justify-center gap-[32px] mx-[16px]">
<ul className="flex flex-wrap flex-col sm:flex-row items-center justify-center gap-[32px] mx-0 sm:mx-[16px]">
{list.map((item, idx) => (
<li
className="flex min-w-[226px] w-full sm:w-auto flex-col py-[16px] md:py-[18px] px-[12px] gap-[8px] rounded-[8px] border
+2 -2
View File
@@ -5,8 +5,8 @@ import ColTable from "../../ColTable";
function List({ data, loading }) {
return (
<div className="rounded-[8px] border overflow-hidden border-solid w-full border-transparent md:border-[#EFEFEF] bg-transparent md:bg-[#FFF] dark:bg-[#222433] dark:border-transparent">
<div className="flex items-center justify-between p-[16px]">
<div className="rounded-[8px] border overflow-hidden border-solid w-full border-transparent md:border-[#EFEFEF] bg-transparent md:bg-[#FFF] dark:bg-transparent md:dark:bg-[#222433] dark:border-transparent">
<div className="hidden items-center justify-between p-[16px] md:dark:flex">
<p className="text-[#525252] text-[14px] md:text-[16px] font-bold dark:text-[#D7D8ED]">
لیست نوبت های پزشکان
</p>