popover search bar header

This commit is contained in:
Ehsan
2024-10-25 03:42:25 +03:30
parent 50c7386247
commit 2a043e5932
6 changed files with 103 additions and 20 deletions
+3 -14
View File
@@ -1,25 +1,14 @@
import { Button } from "@mui/material";
import NotificationP from "@/components/icons/NotificationP";
import SettingP from "@/components/icons/SettingP";
import SearchHeaderP from "@/components/icons/SearchHeaderP";
import Theme from "./Theme";
import Search from "./Search";
function Icons() {
return (
<div className="flex items-center justify-start gap-[12px]">
<div className="flex items-center justify-start gap-[6px]">
<Theme />
<Button
className="
!p-[8px] !border-[#EFEFEF] !rounded-[8px]
!w-[32px] md:!w-[36px] lg:!w-[40px] dark:!border-[#343645]
!h-[32px] md:!h-[36px] lg:!h-[40px] md:!hidden
!min-w-[32px] md:!min-w-[36px] lg:!min-w-[40px]
!min-h-[32px] md:!min-h-[36px] lg:!min-h-[40px]
"
variant="outlined"
>
<SearchHeaderP />
</Button>
<Search />
<Button
className="
!p-[8px] !border-[#EFEFEF] !rounded-[8px]