#style:

- UI Project Collaboration
## No Issue

src/app_modules/colab/detail/main_detail/index.tsx

@@ -1,22 +1,12 @@
 "use client";
 
-import ComponentGlobal_AuthorNameOnHeader from "@/app_modules/_global/author_name_on_header";
+import { AccentColor } from "@/app_modules/_global/color/color_pallet";
 import {
-  Box,
-  Button,
-  Center,
-  Grid,
-  Paper,
-  ScrollArea,
-  Stack,
-  Text,
-  Title,
+  Stack
 } from "@mantine/core";
-import ComponentColab_AuthorNameOnHeader from "../../component/header_author_name";
-import { useState } from "react";
-import ComponentColab_ButtonPartisipasi from "../../component/detail/button_partisipasi";
-import ComponentColab_DetailListPartisipasiUser from "../../component/detail/list_partisipasi_user";
 import ComponentColab_DetailData from "../../component/detail/detail_data";
+import ComponentColab_DetailListPartisipasiUser from "../../component/detail/list_partisipasi_user";
+import ComponentColab_AuthorNameOnHeader from "../../component/header_author_name";
 import { MODEL_COLLABORATION } from "../../model/interface";
 
 export default function Colab_MainDetail({
@@ -32,7 +22,18 @@ export default function Colab_MainDetail({
 }) {
   return (
     <>
-      <Stack px={5} spacing={"xl"}>
+      <Stack
+        px={5}
+        spacing={"xl"}
+        style={{
+          border: `2px solid ${AccentColor.blue}`,
+          backgroundColor: AccentColor.darkblue,
+          color: "white",
+          borderRadius: "10px",
+          marginBottom: "20px",
+          padding: "15px",
+        }}
+      >
         <ComponentColab_AuthorNameOnHeader
           tglPublish={new Date()}
           authorName={dataColab?.Author?.Profile?.name}

src/app_modules/colab/detail/main_detail/layout.tsx

@@ -5,6 +5,8 @@ import AppComponentGlobal_LayoutTamplate from "@/app_modules/_global/component_l
 import { IconEdit } from "@tabler/icons-react";
 import React from "react";
 import ComponentColab_HeaderTamplate from "../../component/header_tamplate";
+import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
+import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
 
 export default function LayoutColab_MainDetail({
   children,
@@ -17,17 +19,17 @@ export default function LayoutColab_MainDetail({
 }) {
   return (
     <>
-      <AppComponentGlobal_LayoutTamplate
+      <UIGlobal_LayoutTamplate
         header={
-          <ComponentColab_HeaderTamplate
+          <UIGlobal_LayoutHeaderTamplate
             title="Detail"
-            icon={isAuthor ? <IconEdit /> : ""}
-            route2={isAuthor ? RouterColab.edit + colabId : ""}
+            // icon={isAuthor ? <IconEdit /> : ""}
+            // route2={isAuthor ? RouterColab.edit + colabId : ""}
           />
         }
       >
         {children}
-      </AppComponentGlobal_LayoutTamplate>
+      </UIGlobal_LayoutTamplate>
     </>
   );
 }