From e396a5a3b496fd67dd7eb70cc44658b640199982 Mon Sep 17 00:00:00 2001
From: Hyung Geun <vndanwl@naver.com>
Date: Fri, 20 Jan 2023 15:37:13 +0900
Subject: [PATCH] =?UTF-8?q?=ED=85=8C=EC=9D=B4=EB=B8=94=20=ED=85=8C?=
 =?UTF-8?q?=EB=91=90=EB=A6=AC=20=EA=B3=B5=ED=86=B5=20=EC=A0=81=EC=9A=A9(?=
 =?UTF-8?q?=EC=9D=BC=EB=B6=80=20=EC=A0=9C=EC=99=B8)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/resources/static/css/common.css      | 18 +++++++++++++--
 .../publicBoard/qna/qnaEditModal.html         | 10 ++++-----
 .../templates/publicBoard/qna/qnaPage.html    |  2 +-
 .../publicBoard/qna/qnaViewModal.html         | 22 +++++++++----------
 4 files changed, 33 insertions(+), 19 deletions(-)

diff --git a/src/main/resources/static/css/common.css b/src/main/resources/static/css/common.css
index d17d2cf7..e8a02ef7 100644
--- a/src/main/resources/static/css/common.css
+++ b/src/main/resources/static/css/common.css
@@ -174,13 +174,27 @@
   color: #24396c;
   text-align: center;
 }
-.col-form-label-sm.text-center{
+
+.col-form-label-sm.text-center {
   background-color: #aabfe178;
+  border: 1px solid rgba(var(--bs-secondary-rgb))!important;
+
 }
+
+.col-form-label-sm.text-start, .col-sm-10.form-control-sm{
+  border: 1px solid rgba(var(--bs-secondary-rgb))!important;
+}
+
+
+
 @font-face {font-family:'GmarketSansMedium';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');}
 
 .dash-title
 {
   font-family: 'GmarketSansMedium';
   font-size: 18px;
-}
\ No newline at end of file
+}
+
+.bg-light.text-center{
+  background-color: #deebff78!important;
+}
diff --git a/src/main/resources/templates/publicBoard/qna/qnaEditModal.html b/src/main/resources/templates/publicBoard/qna/qnaEditModal.html
index 0452bc0e..cdaa6f3b 100644
--- a/src/main/resources/templates/publicBoard/qna/qnaEditModal.html
+++ b/src/main/resources/templates/publicBoard/qna/qnaEditModal.html
@@ -16,7 +16,7 @@
     <input type="hidden" name="wrtUserGrd" th:value="${info.wrtUserGrd}">
     <input type="hidden" name="wrtUserNm" th:value="${info.wrtUserNm}">
     <div class="row mb-1">
-      <label for="wrtUserNm" class="col-sm-2 col-form-label text-center">작성자</label>
+      <label for="wrtUserNm" class="col-sm-2 col-form-label-sm text-center">작성자</label>
       <div class="col-sm-2">
         <th:block th:each="commonCode:${session.commonCode.get('JT')}">
           <th:block th:if="${commonCode.itemCd eq info.wrtUserGrd}">
@@ -24,7 +24,7 @@
           </th:block>
         </th:block>
       </div>
-      <label for="wrtDt" class="col-sm-2 col-form-label text-center">작성일시</label>
+      <label for="wrtDt" class="col-sm-2 col-form-label-sm text-center">작성일시</label>
       <div class="col-sm-2">
         <input type="text" class="form-control" id="wrtDt" name="wrtDt" th:value="${#temporals.format(info.wrtDt, 'yyyy-MM-dd HH:mm')}" readonly>
       </div>
@@ -34,20 +34,20 @@
       <label for="organChk" class="col-sm-3 col-form-label text-left">소속관서에만 노출</label>
     </div>
     <div class="row mb-1">
-      <label for="title" class="col-sm-2 col-form-label text-center">제목</label>
+      <label for="title" class="col-sm-2 col-form-label-sm text-center">제목</label>
       <div class="col-sm-10">
         <input type="text" class="form-control" id="title" name="title" th:value="${info.title}" autocomplete="off">
       </div>
     </div>
     <div class="row mb-1 justify-content-center">
-      <label for="content" class="col-sm-2 col-form-label text-center">내용</label>
+      <label for="content" class="col-sm-2 col-form-label-sm align-items-center text-center">내용</label>
       <div class="col-sm-10">
         <div id="editor"></div>
         <textarea id="content" class="d-none" th:utext="${info.content}"></textarea>
       </div>
     </div>
     <div class="row mb-3">
-      <label for="fileInputer" class="col-sm-2 col-form-label text-center">첨부파일</label>
+      <label for="fileInputer" class="col-sm-2 col-form-label-sm text-center">첨부파일</label>
       <div class="col-sm-10" style="min-height: 70px;">
         <div class="w-100 h-100 border border-info rounded text-center" id="uploadDiv">
           <th:block th:if="${#arrays.isEmpty(info.fileList)}">
diff --git a/src/main/resources/templates/publicBoard/qna/qnaPage.html b/src/main/resources/templates/publicBoard/qna/qnaPage.html
index 0884b7c9..9a8c049d 100644
--- a/src/main/resources/templates/publicBoard/qna/qnaPage.html
+++ b/src/main/resources/templates/publicBoard/qna/qnaPage.html
@@ -78,7 +78,7 @@
                         <tr class="planTr" th:each="qna:${qnaList}">
                           <input type="hidden" class="planKey" th:value="${qna.publicKey}">
                           <td><input type="checkbox" class="trChkBox"></td>
-                          <td th:text="${qna.title}"></td>
+                          <td class="text-left" th:text="${qna.title}"></td>
                           <th:block th:each="commonCode:${session.commonCode.get('OG')}">
                             <td th:if="${qna.wrtOrgan eq commonCode.itemCd}" th:text="${commonCode.itemValue}"></td>
                           </th:block>
diff --git a/src/main/resources/templates/publicBoard/qna/qnaViewModal.html b/src/main/resources/templates/publicBoard/qna/qnaViewModal.html
index 3b662e1e..f31b32ed 100644
--- a/src/main/resources/templates/publicBoard/qna/qnaViewModal.html
+++ b/src/main/resources/templates/publicBoard/qna/qnaViewModal.html
@@ -15,15 +15,15 @@
     </li>
   </ul>
   <div class="tab-content bg-white border border-top-0 p-2">
-    <div class="tab-pane fade p-2 show active" id="boardTabPanel" role="tabpanel" tabindex="0">
+    <div class="tab-pane fade p-2 show active " id="boardTabPanel" role="tabpanel" tabindex="0">
       <div class="row mb-1">
-        <div class="col-sm-9"></div>
-        <label class="col-sm-1 col-form-label col-form-label-sm text-center">작성일시</label>
-        <label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${#temporals.format(info.wrtDt, 'yyyy-MM-dd HH:mm')}"></label>
-        <label class="col-sm-1 col-form-label col-form-label-sm text-center">제목</label>
-        <label class="col-sm-8 col-form-label col-form-label-sm text-start" th:text="${info.title}"></label>
-        <label class="col-sm-1 col-form-label col-form-label-sm text-center">작성자</label>
-        <label class="col-sm-2 col-form-label col-form-label-sm text-start">
+        <div class="col-sm-0"></div>
+        <label class="col-sm-1 col-form-label col-form-label-sm text-center border border-secondary">제목</label>
+        <label class="col-sm-4 col-form-label col-form-label-sm text-start border border-secondary" th:text="${info.title}"></label>
+        <label class="col-sm-1 col-form-label col-form-label-sm text-center border border-secondary">작성일시</label>
+        <label class="col-sm-2 col-form-label col-form-label-sm text-start border border-secondary" th:text="${#temporals.format(info.wrtDt, 'yyyy-MM-dd HH:mm')}"></label>
+        <label class="col-sm-1 col-form-label col-form-label-sm text-center border border-secondary">작성자</label>
+        <label class="col-sm-2 col-form-label col-form-label-sm text-start border border-secondary">
           <th:block th:each="commonCode:${session.commonCode.get('OG')}">
             <th:block th:if="${commonCode.itemCd eq info.wrtOrgan}" th:text="${commonCode.itemValue}"></th:block>
           </th:block>
@@ -33,9 +33,9 @@
           <th:block th:text="${info.wrtUserNm}"></th:block>
         </label>
         <hr class="my-1">
-        <label for="content" class="col-sm-1 col-form-label col-form-label-sm text-center">내용</label>
-        <div class="col-sm-10 form-control-sm">
-          <div id="content" th:utext="${info.content}"></div>
+        <label for="content border border-secondary" class="col-sm-1 col-form-label col-form-label-sm text-center border border-secondary">내용</label>
+        <div class="col-sm-10 form-control-sm border border-secondary">
+          <div id="content border border-secondary" th:utext="${info.content}"></div>
         </div>
       </div>
     </div>