repush logo satker

app/[locale]/(public)/image/detail/[slug]/page.tsx

@@ -43,5 +43,5 @@ export async function generateMetadata({ params }: any): Promise<Metadata> {
 }
 
 export default async function DetailInfo({ params }: Props) {
-  return <DetailImage />;
+  return <div className="w-full"><DetailImage /></div>;
 }

components/landing-page/dynamic-logo-satker.tsx

@@ -6,7 +6,7 @@ import { usePathname } from "next/navigation";
 export const DynamicLogoSatker = () => {
   const pathname = usePathname();
   const satker = pathname?.split("/")[3];
-  console.log("polda", satker)
+  console.log("satker", satker)
 
   return <div className="p-2">{pathname?.includes("/satker") && <Image src={`/logo/satker/${satker}.png`} alt="Logo" width={1920} height={1080} className="object-contain h-[150px] w-[50px]" />}</div>;
 };

components/landing-page/welcome-polda.tsx

@@ -25,7 +25,7 @@ const WelcomePolda = () => {
   }, [categorySelect]);
 
   return (
-    <section className="w-full py-8 px-4 ">
+    <section className="w-full py-8 px-4">
       <div className="">
         {/* Heading */}
         <h1 className="text-2xl md:text-3xl font-bold text-gray-800 dark:text-white">

components/main/image-detail.tsx

@@ -513,10 +513,10 @@ const DetailImage = (data: any) => {
 
   return (
     <>
-      <div className="min-h-screen px-4 md:px-24 py-4">
+      <div className="w-full max-w-screen-xl mx-auto px-4 py-4">
         <div className="rounded-md overflow-hidden md:flex">
           {/* Bagian Kiri */}
-          <div className="md:w-3/4">
+          <div className="">
             {/* Gambar Besar */}
             {isLoading ? (
               <div className="relative">
@@ -525,15 +525,14 @@ const DetailImage = (data: any) => {
             ) : (
               <div className="relative">
                 <Image
-                  placeholder={`data:image/svg+xml;base64,${toBase64(
-                    shimmer(700, 475)
-                  )}`}
-                  width={2560}
-                  height={1440}
-                  src={detailDataImage?.files[selectedImage]?.url}
-                  alt="Main"
-                  className="rounded-lg w-auto h-fit"
-                />
+  placeholder={`data:image/svg+xml;base64,${toBase64(shimmer(700, 475))}`}
+  width={2560}
+  height={1440}
+  src={detailDataImage?.files[selectedImage]?.url}
+  alt="Main"
+  className="rounded-lg w-auto max-h-screen object-contain"
+/>
+
                 <div className="absolute top-4 left-4"></div>
               </div>
             )}
@@ -1135,7 +1134,7 @@ const DetailImage = (data: any) => {
         </div>
 
         {/* Konten Serupa */}
-        <div className="">
+        <div className="px-4 lg:px-[300px]">
           <NewContent group="mabes" type={"similar"} />
         </div>
       </div>