자료 다운로드 no data & apdls 게시판 높이 조정

src/app/main/page.jsx

@@ -41,7 +41,7 @@ export default function MainPage() {
             <Footer/>
 
             {/* 비밀번호 변경팝업 */}
-            <ChangePasswordPop/>
+            {/* <ChangePasswordPop/> */}
         </div>
     )
 }

src/components/sub/community/filedown/FileDownForm.jsx

@@ -31,7 +31,8 @@ export default function FileDownForm(){
                     </ul>
                 </div>
             </div>
-            <div className="file-down-list">
+                
+            {/* <div className="file-down-list">
                 {fileName.map((item) => (
                     <div key={item.id} className="file-down-item">
                         <div className="file-item-info">
@@ -44,6 +45,11 @@ export default function FileDownForm(){
                         </div>
                     </div>
                 ))}
+            </div> */}
+
+            {/* 자료 없을때 */}
+            <div className="file-down-nodata">
+                No Data...
             </div>
         </div>
     )

src/styles/_contents.scss

@@ -1238,4 +1238,18 @@
             background-color: #F4F4F7;
         }
     }
+}
+
+.file-down-nodata{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 148px;
+    padding: 24px;
+    border-radius: 4px;
+    border: 1px solid #E5E5E5;
+    font-size: 16px;
+    font-weight: 500;
+    color: #344356;
 }

src/styles/_main.scss

@@ -112,8 +112,8 @@
             border-radius: 6px;
             background: #FFF;
             box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.02);
-            &.item01{flex: 1; max-height: 400px;}
+            &.item01{flex: 1; height: 400px;}
-            &.item02{flex: none; width: 451px; max-height: 400px;}
+            &.item02{flex: none; width: 451px; height: 400px;}
             &.item03{flex: 1;}
             &.item04{flex: none; width: 351px;}
             &.item05{flex: none; width: 451px;}