From 43366ea623a831e42304a724daa3f0d64914d387 Mon Sep 17 00:00:00 2001
From: Ren Amamiya <123083837+reyamir@users.noreply.github.com>
Date: Thu, 23 Feb 2023 09:24:27 +0700
Subject: [PATCH] updated design consistency

---
 src/components/navigatorBar/index.tsx             | 8 +++++---
 src/components/note/content/preview/imageCard.tsx | 2 +-
 src/components/thread.tsx                         | 2 +-
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/navigatorBar/index.tsx b/src/components/navigatorBar/index.tsx
index df68f6bf..6ba8b35a 100644
--- a/src/components/navigatorBar/index.tsx
+++ b/src/components/navigatorBar/index.tsx
@@ -6,12 +6,14 @@ import PlusIcon from '@assets/icons/Plus';
 
 export default function NavigatorBar() {
   return (
-    <div className="flex h-full flex-col flex-wrap justify-between overflow-hidden px-2 pt-12 pb-4">
+    <div className="flex h-full flex-col flex-wrap justify-between overflow-hidden px-2 pt-3 pb-4">
       {/* main */}
       <div className="flex flex-col gap-4">
         {/* Create post */}
-        <div className="flex flex-col gap-2">
-          <CreatePost />
+        <div className="flex flex-col gap-2 rounded-lg bg-zinc-900 ring-1 ring-white/10">
+          <div className="p-2">
+            <CreatePost />
+          </div>
         </div>
         {/* Newsfeed */}
         <div className="flex flex-col gap-2">
diff --git a/src/components/note/content/preview/imageCard.tsx b/src/components/note/content/preview/imageCard.tsx
index 55d9f12c..9c137948 100644
--- a/src/components/note/content/preview/imageCard.tsx
+++ b/src/components/note/content/preview/imageCard.tsx
@@ -4,7 +4,7 @@ import Image from 'next/image';
 export default function ImageCard({ data }: { data: object }) {
   return (
     <div className={`relative mt-2 flex flex-col overflow-hidden`}>
-      <div className="relative h-full w-2/3 rounded-lg border border-zinc-800">
+      <div className="relative h-full w-full rounded-lg border border-zinc-800">
         <Image
           src={data['image']}
           alt={data['image']}
diff --git a/src/components/thread.tsx b/src/components/thread.tsx
index 5826c23a..1304ef35 100644
--- a/src/components/thread.tsx
+++ b/src/components/thread.tsx
@@ -49,7 +49,7 @@ export function Thread({ data }: { data: any }) {
       }}
       overscan={800}
       increaseViewportBy={1000}
-      className="scrollbar-hide relative h-full w-full"
+      className="scrollbar-hide relative h-full w-full rounded-lg"
       style={{
         contain: 'strict',
       }}