style:게시판 ui 자잘한 부분 수정

- 갤러리 최대 폭 설정 - 글쓰기 버튼 위치 조정 - 아이콘 미세 조정 #109
KEEPER31337 · Mar 20, 2022 · 4d0ccec · 4d0ccec
1 parent 2d00e51
commit 4d0ccec
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 16 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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>
                   ) : (
                     ''