From 4d0ccec10aeb0cd0620ed23b46d0cf12bf261be1 Mon Sep 17 00:00:00 2001
From: amaranth <81465068+amaran-th@users.noreply.github.com>
Date: Mon, 21 Mar 2022 01:21:04 +0900
Subject: [PATCH] =?UTF-8?q?style:=EA=B2=8C=EC=8B=9C=ED=8C=90=20ui=20?=
 =?UTF-8?q?=EC=9E=90=EC=9E=98=ED=95=9C=20=EB=B6=80=EB=B6=84=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 갤러리 최대 폭 설정
- 글쓰기 버튼 위치 조정
- 아이콘 미세 조정

#109
---
 src/page/Board/BoardMain.jsx          | 4 ++--
 src/page/Board/BoardView.jsx          | 4 ++--
 src/page/Board/BoardWrite.jsx         | 4 ++--
 src/page/Board/Components/Gallary.jsx | 8 ++++----
 src/page/Board/Components/Info.jsx    | 3 +--
 src/page/Board/Components/Table.jsx   | 8 ++++----
 6 files changed, 15 insertions(+), 16 deletions(-)

diff --git a/src/page/Board/BoardMain.jsx b/src/page/Board/BoardMain.jsx
index 2e2bad9d..83299e30 100644
--- a/src/page/Board/BoardMain.jsx
+++ b/src/page/Board/BoardMain.jsx
@@ -18,8 +18,8 @@ const Board = () => {
   return (
     <>
       <AuthUser>
-        <div className="w-full flex justify-center">
-          <div className="flex justify-center min-h-screen dark:bg-mainBlack max-w-[70rem]">
+        <div className="w-full flex justify-center dark:bg-mainBlack">
+          <div className="flex justify-center min-h-screen max-w-[70rem]">
             <div className="inline-block m-5 w-[90vw]">
               <Info />
               <Boards categoryId={categoryId} />
diff --git a/src/page/Board/BoardView.jsx b/src/page/Board/BoardView.jsx
index ba933793..878c9948 100644
--- a/src/page/Board/BoardView.jsx
+++ b/src/page/Board/BoardView.jsx
@@ -63,10 +63,10 @@ const BoardView = (props) => {
         </div>
       ) : (
         <AuthUser>
-          <div className="w-full flex justify-center">
+          <div className="w-full flex justify-center dark:bg-mainBlack">
             <div className="max-w-[70vw]">
               <ScrollToTop />
-              <div className="flex justify-center dark:bg-mainBlack">
+              <div className="flex justify-center">
                 <div className="inline-block m-5 w-[90vw]">
                   <Info />
                   {board?.id && prevBoard.id !== board.id ? (
diff --git a/src/page/Board/BoardWrite.jsx b/src/page/Board/BoardWrite.jsx
index 5098cc68..82c77f69 100644
--- a/src/page/Board/BoardWrite.jsx
+++ b/src/page/Board/BoardWrite.jsx
@@ -10,8 +10,8 @@ const BoardWrite = () => {
   const redirectData = useLocation();
   return (
     <AuthUser>
-      <div className="w-full flex justify-center">
-        <div className="flex justify-center max-w-[70rem] dark:bg-mainBlack">
+      <div className="w-full flex justify-center dark:bg-mainBlack">
+        <div className="flex justify-center max-w-[70rem]">
           <div className="m-5 w-[90vw]">
             <Info isWrite={true} />
             <div>
diff --git a/src/page/Board/Components/Gallary.jsx b/src/page/Board/Components/Gallary.jsx
index 73ac5739..37f30a31 100644
--- a/src/page/Board/Components/Gallary.jsx
+++ b/src/page/Board/Components/Gallary.jsx
@@ -23,7 +23,7 @@ const Gallary = ({ notices, boards, linkHandler, state }) => {
   const [thumbnails, setThumbnails] = [];
   useEffect(() => {}, []);
   return (
-    <div className=" max-w-2xl mx-auto py-8 px-4 sm:py-8 sm:px-6 lg:max-w-7xl lg:px-8">
+    <div className=" max-w-[70vw] mx-auto py-8 px-4 sm:py-8 sm:px-6 lg:px-8">
       {notices.length != 0 ? (
         <div className="block mb-5 bg-gray-100 px-2 rounded-xl dark:bg-gray-800">
           <div name="공지사항" className="relative my-3 mt-5 py-2">
@@ -78,7 +78,7 @@ const Gallary = ({ notices, boards, linkHandler, state }) => {
                         )}
                       </div>
                       {isNewPost(board.registerTime) ? (
-                        <strong className="inline-block absolute top-[-20px] right-[-20px] rounded-full shadow-md shadow-red-500/50 m-1 w-7 h-7 align-middle text-center text-base bg-red-500 border-2 text-mainWhite dark:text-mainBlack">
+                        <strong className="inline-block absolute top-[-20px] right-[-20px] rounded-full shadow-md shadow-red-500/50 m-1 w-7 h-7 align-middle text-center text-base bg-red-500 border-2 text-mainWhite">
                           N
                         </strong>
                       ) : (
@@ -87,7 +87,7 @@ const Gallary = ({ notices, boards, linkHandler, state }) => {
 
                       <div className="relative mt-4">
                         <div className="flex items-center">
-                          <div className="max-w-[75%] inline-block">
+                          <div className="max-w-[70vw] inline-block">
                             <h3 className="text-sm font-medium truncate bold text-gray-900 dark:text-mainWhite">
                               {board.title}
                             </h3>
@@ -179,7 +179,7 @@ const Gallary = ({ notices, boards, linkHandler, state }) => {
                   )}
                 </div>
                 {isNewPost(board.registerTime) ? (
-                  <strong className="inline-block absolute top-[-20px] right-[-20px] rounded-full shadow-md shadow-red-500/50 m-1 w-7 h-7 align-middle text-center text-base bg-red-500 border-2 text-mainWhite dark:text-mainBlack">
+                  <strong className="inline-block absolute top-[-20px] right-[-20px] rounded-full shadow-md shadow-red-500/50 m-1 w-7 h-7 align-middle text-center text-base bg-red-500 border-2 text-mainWhite ">
                     N
                   </strong>
                 ) : (
diff --git a/src/page/Board/Components/Info.jsx b/src/page/Board/Components/Info.jsx
index e07aaa10..384e419e 100644
--- a/src/page/Board/Components/Info.jsx
+++ b/src/page/Board/Components/Info.jsx
@@ -15,7 +15,6 @@ const Info = ({ isWrite, state }) => {
 
   useEffect(() => {}, [categoryId]);
 
-
   return (
     <div className="flex">
       <div className="dark:text-mainWhite w-full mx-3">
@@ -39,7 +38,7 @@ const Info = ({ isWrite, state }) => {
             )}
           </div>
         </div>
-        {props.isWrite ? (
+        {isWrite ? (
           ''
         ) : (
           <div
diff --git a/src/page/Board/Components/Table.jsx b/src/page/Board/Components/Table.jsx
index e6d5c98d..f875ed03 100644
--- a/src/page/Board/Components/Table.jsx
+++ b/src/page/Board/Components/Table.jsx
@@ -101,8 +101,8 @@ const Table = ({
                     ''
                   )}
                   {isNewPost(board.registerTime) ? (
-                    <strong className="inline-block rounded-full w-5 h-5 align-middle text-center text-xs m-1 bg-red-500 shadow-lg border-2 border-red-200 text-mainWhite dark:text-mainBlack">
-                      n
+                    <strong className="inline-block rounded-full w-5 h-5 align-middle text-center text-xs m-1 pb-1 bg-red-500 shadow-lg border-2 border-red-200 text-mainWhite dark:text-mainBlack">
+                      N
                     </strong>
                   ) : (
                     ''
@@ -189,8 +189,8 @@ const Table = ({
                     ''
                   )}
                   {isNewPost(board.registerTime) ? (
-                    <strong className="inline-block rounded-full w-5 h-5 align-middle text-center text-xs m-1 bg-red-500 shadow-lg border-2 border-red-200 text-mainWhite">
-                      n
+                    <strong className="inline-block rounded-full w-5 h-5 align-middle text-center text-xs m-1 pb-1 bg-red-500 shadow-lg border-2 border-red-200 text-mainWhite">
+                      N
                     </strong>
                   ) : (
                     ''