From 65aebcc3a3c7ec867bd6914f5b13c1bcf766139e Mon Sep 17 00:00:00 2001
From: Ren Amamiya <123083837+reyamir@users.noreply.github.com>
Date: Sat, 6 May 2023 07:25:06 +0700
Subject: [PATCH] update appheader

---
 src-tauri/src/main.rs       |  4 ++--
 src/app/channel/layout.tsx  |  2 +-
 src/app/chat/layout.tsx     |  2 +-
 src/app/daily/layout.tsx    |  2 +-
 src/app/newsfeed/layout.tsx |  2 +-
 src/app/note/layout.tsx     |  2 +-
 src/shared/appHeader.tsx    | 12 ++++++------
 7 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src-tauri/src/main.rs b/src-tauri/src/main.rs
index 11da746a..29c9db86 100644
--- a/src-tauri/src/main.rs
+++ b/src-tauri/src/main.rs
@@ -28,7 +28,7 @@ fn main() {
       let main_window = app.get_window("main").unwrap();
 
       #[cfg(target_os = "macos")]
-      main_window.position_traffic_lights(8.0, 20.0); // set inset for traffic lights (macos)
+      main_window.position_traffic_lights(8.0, 16.0); // set inset for traffic lights (macos)
 
       Ok(())
     })
@@ -37,7 +37,7 @@ fn main() {
       let apply_offset = || {
         let win = e.window();
         // keep inset for traffic lights when window resize (macos)
-        win.position_traffic_lights(8.0, 20.0);
+        win.position_traffic_lights(8.0, 16.0);
       };
       #[cfg(target_os = "macos")]
       match e.event() {
diff --git a/src/app/channel/layout.tsx b/src/app/channel/layout.tsx
index f5ec2149..07a31ad7 100644
--- a/src/app/channel/layout.tsx
+++ b/src/app/channel/layout.tsx
@@ -8,7 +8,7 @@ export function LayoutChannel({ children }: { children: React.ReactNode }) {
       <div className="flex h-screen w-full flex-col">
         <div
           data-tauri-drag-region
-          className="relative h-11 shrink-0 border-b border-zinc-100 bg-white dark:border-zinc-900 dark:bg-black"
+          className="relative h-9 shrink-0 border-b border-zinc-100 bg-white dark:border-zinc-900 dark:bg-black"
         >
           <AppHeader />
         </div>
diff --git a/src/app/chat/layout.tsx b/src/app/chat/layout.tsx
index 325fb31b..06287ec8 100644
--- a/src/app/chat/layout.tsx
+++ b/src/app/chat/layout.tsx
@@ -8,7 +8,7 @@ export function LayoutChat({ children }: { children: React.ReactNode }) {
       <div className="flex h-screen w-full flex-col">
         <div
           data-tauri-drag-region
-          className="relative h-11 shrink-0 border-b border-zinc-100 bg-white dark:border-zinc-900 dark:bg-black"
+          className="relative h-9 shrink-0 border-b border-zinc-100 bg-white dark:border-zinc-900 dark:bg-black"
         >
           <AppHeader />
         </div>
diff --git a/src/app/daily/layout.tsx b/src/app/daily/layout.tsx
index 0b260f69..bb0a7235 100644
--- a/src/app/daily/layout.tsx
+++ b/src/app/daily/layout.tsx
@@ -8,7 +8,7 @@ export function LayoutNewsfeed({ children }: { children: React.ReactNode }) {
       <div className="flex h-screen w-full flex-col">
         <div
           data-tauri-drag-region
-          className="relative h-11 shrink-0 border-b border-zinc-100 bg-white dark:border-zinc-900 dark:bg-black"
+          className="relative h-9 shrink-0 border-b border-zinc-100 bg-white dark:border-zinc-900 dark:bg-black"
         >
           <AppHeader />
         </div>
diff --git a/src/app/newsfeed/layout.tsx b/src/app/newsfeed/layout.tsx
index 0b260f69..bb0a7235 100644
--- a/src/app/newsfeed/layout.tsx
+++ b/src/app/newsfeed/layout.tsx
@@ -8,7 +8,7 @@ export function LayoutNewsfeed({ children }: { children: React.ReactNode }) {
       <div className="flex h-screen w-full flex-col">
         <div
           data-tauri-drag-region
-          className="relative h-11 shrink-0 border-b border-zinc-100 bg-white dark:border-zinc-900 dark:bg-black"
+          className="relative h-9 shrink-0 border-b border-zinc-100 bg-white dark:border-zinc-900 dark:bg-black"
         >
           <AppHeader />
         </div>
diff --git a/src/app/note/layout.tsx b/src/app/note/layout.tsx
index b0ce8030..864acfa6 100644
--- a/src/app/note/layout.tsx
+++ b/src/app/note/layout.tsx
@@ -8,7 +8,7 @@ export function LayoutNewsfeed({ children }: { children: React.ReactNode }) {
       <div className="flex h-screen w-full flex-col">
         <div
           data-tauri-drag-region
-          className="relative h-11 shrink-0 border-b border-zinc-100 bg-white dark:border-zinc-900 dark:bg-black"
+          className="relative h-9 shrink-0 border-b border-zinc-100 bg-white dark:border-zinc-900 dark:bg-black"
         >
           <AppHeader />
         </div>
diff --git a/src/shared/appHeader.tsx b/src/shared/appHeader.tsx
index ffbe776c..7a1e6042 100644
--- a/src/shared/appHeader.tsx
+++ b/src/shared/appHeader.tsx
@@ -29,21 +29,21 @@ export default function AppHeader() {
       <div className={`flex h-full items-center gap-2 ${platform === 'darwin' ? 'pl-[68px]' : ''}`}>
         <button
           onClick={() => goBack()}
-          className="group inline-flex h-6 w-6 items-center justify-center rounded-md hover:bg-zinc-900"
+          className="group inline-flex h-5 w-5 items-center justify-center rounded-md hover:bg-zinc-900"
         >
-          <ArrowLeftIcon width={16} height={16} className="text-zinc-500 group-hover:text-zinc-300" />
+          <ArrowLeftIcon width={14} height={14} className="text-zinc-500 group-hover:text-zinc-300" />
         </button>
         <button
           onClick={() => goForward()}
-          className="group inline-flex h-6 w-6 items-center justify-center rounded-md hover:bg-zinc-900"
+          className="group inline-flex h-5 w-5 items-center justify-center rounded-md hover:bg-zinc-900"
         >
-          <ArrowRightIcon width={16} height={16} className="text-zinc-500 group-hover:text-zinc-300" />
+          <ArrowRightIcon width={14} height={14} className="text-zinc-500 group-hover:text-zinc-300" />
         </button>
         <button
           onClick={() => reload()}
-          className="group inline-flex h-6 w-6 items-center justify-center rounded-md hover:bg-zinc-900"
+          className="group inline-flex h-5 w-5 items-center justify-center rounded-md hover:bg-zinc-900"
         >
-          <RefreshIcon width={16} height={16} className="text-zinc-500 group-hover:text-zinc-300" />
+          <RefreshIcon width={14} height={14} className="text-zinc-500 group-hover:text-zinc-300" />
         </button>
       </div>
       <div data-tauri-drag-region className="flex h-full w-full items-center justify-between">