responsive task manager
This commit is contained in:
@@ -2,19 +2,19 @@ import { InfoCircle, Setting2, UserAdd } from "iconsax-react";
|
||||
|
||||
const HeaderWorkspace = () => {
|
||||
return (
|
||||
<div className="flex justify-between items-center bg-primary h-[102px] px-8">
|
||||
<div className="flex gap-4 items-center">
|
||||
<div className="text-white text-xl">طراحی Dpage</div>
|
||||
<InfoCircle size={20} color="white" />
|
||||
<div className="flex justify-between items-center bg-primary h-14 sm:h-16 xl:h-[102px] px-3 sm:px-6 xl:px-8 shrink-0 gap-3">
|
||||
<div className="flex gap-2 sm:gap-4 items-center min-w-0">
|
||||
<div className="text-white text-base sm:text-lg xl:text-xl truncate">طراحی Dpage</div>
|
||||
<InfoCircle size={18} color="white" />
|
||||
</div>
|
||||
|
||||
<div className="flex gap-4 items-center">
|
||||
<div className="flex gap-1 items-center px-2 rounded-lg bg-white h-8">
|
||||
<div className="flex gap-2 sm:gap-4 items-center shrink-0">
|
||||
<div className="flex gap-1 items-center px-2 sm:px-3 rounded-lg bg-white h-8">
|
||||
<UserAdd size={18} color="black" />
|
||||
<div className="text-black text-xs">اشتراک گذاری</div>
|
||||
<div className="text-black text-xs hidden sm:block">اشتراک گذاری</div>
|
||||
</div>
|
||||
|
||||
<Setting2 size={20} color="white" />
|
||||
<Setting2 size={18} color="white" />
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user