updateddd

components/Admin/Navbar/index.jsx

@@ -18,6 +18,7 @@ import {
   useColorModeValue,
   Icon,
   Flex,
+  Stack,
 } from "@chakra-ui/react";
 import { IoIosNotificationsOutline } from "react-icons/io";
 import Link from "next/link";
@@ -34,11 +35,9 @@ import { HiOutlineEnvelope } from "react-icons/hi2";
 import { HiMenuAlt2 } from "react-icons/hi";
 import { MdOutlineSegment } from "react-icons/md";
 import { AiOutlineSetting, AiOutlineSearch } from "react-icons/ai";
-import Logo from "../../shared/Logo";
 
 const Navbar = () => {
   const [isMaximized, setIsMaximized] = useState(false);
-  const [isBrowserFullscreen, setIsBrowserFullscreen] = useState(false);
 
   const handleMaximizeToggle = () => {
     setIsMaximized(!isMaximized);
@@ -69,7 +68,7 @@ const Navbar = () => {
   };
 
   return (
-    <Box
+    <Flex
       py="2"
       boxShadow="sm"
       border="0 solid #e5e7eb"
@@ -80,19 +79,25 @@ const Navbar = () => {
       zIndex="1"
     >
       <Flex px={4} gap={3} justifyContent={"space-between"}>
-        <HStack spacing={3}>
-          <Icon cursor={"pointer"} as={HiMenuAlt2} boxSize={18} />
-          <Icon cursor={"pointer"} as={AiOutlineSearch} boxSize={18} />
+        <HStack>
+          <HStack spacing={3}>
+            <Icon cursor={"pointer"} as={HiMenuAlt2} boxSize={18} />
+          </HStack>
+          <HStack spacing={3} display={{ base: "initial", md: "none" }}>
+            <Icon cursor={"pointer"} as={AiOutlineSearch} boxSize={18} />
+          </HStack>
         </HStack>
-        <HStack spacing={3} display={{ base: "none", md: "initial" }}>
+
+        <HStack spacing={3} display={{ base: "initial", md: "none" }}>
           <Link href="/admin">
             <Image
               src={"/logo.png"}
               alt="Logo"
-              width={125}
+              width={180}
               height={50}
               style={{
                 cursor: "pointer",
+                objectFit: "contain",
               }}
               draggable={false}
               loading="lazy"
@@ -106,12 +111,16 @@ const Navbar = () => {
             handleMaximizeToggle={handleMaximizeToggle}
           />
         </Box>
-        <Box display={{ base: "initial", md: "none" }}>
-          <Icon cursor={"pointer"} as={FiMoreVertical} boxSize={18} />
-        </Box>
-        <Icon cursor={"pointer"} as={AiOutlineSetting} boxSize={18} />
+        <HStack>
+          <HStack display={{ base: "initial", md: "none" }}>
+            <Icon cursor={"pointer"} as={FiMoreVertical} boxSize={18} />
+          </HStack>
+          <HStack>
+            <Icon cursor={"pointer"} as={AiOutlineSetting} boxSize={18} />
+          </HStack>
+        </HStack>
       </Flex>
-    </Box>
+    </Flex>
   );
 };
 

components/Admin/Sidebar/index.jsx

@@ -13,15 +13,14 @@ import Logo from ".././../shared/Logo";
 const Sidebar = () => {
   return (
     <Box
-    bg={useColorModeValue("gray.100", "gray.700")}
-      w="250px"
+      bg={useColorModeValue("gray.100", "gray.700")}
+      w="350px"
       h="100vh"
       p="4"
       boxShadow="md"
+      display={{ base: "none", md: "initial" }}
     >
-      <VStack spacing="4" align="stretch">
-
-      </VStack>
+      <VStack spacing="4" align="stretch"></VStack>
     </Box>
   );
 };

sections/OurServices/index.jsx

@@ -60,13 +60,8 @@ const features = [
 ];
 
 const Features = () => {
-
   return (
-    <Container
-      p={{ base: 9, md: 10 }}
-
-      maxW="7xl"
-    >
+    <Container p={{ base: 9, md: 10 }} maxW="7xl">
       <chakra.h3
         fontSize={{ base: 19, md: 27 }}
         fontWeight="bold"
@@ -133,7 +128,7 @@ const Features = () => {
         textAlign="center"
         color={useColorModeValue("gray.800", "gray.800")}
       >
-        <Link href={"/tr/services"}>
+        <Link href={"/services"}>
           <Text fontSize={{ base: 16, md: 22 }} cursor={"pointer"}>
             Tüm Hizmetleri Görüntüle
           </Text>
@@ -144,7 +139,11 @@ const Features = () => {
 };
 
 function OurServices({ targetId }) {
-  return <Features />;
+  return (
+    <>
+      <Features />
+    </>
+  );
 }
 
 export default OurServices;