Merge pull request #110 from pirogramming/dev

Dev

Author: Jinecastle03

static/css/search.css

@@ -518,3 +518,62 @@ form[method="get"] > div button[type="submit"]:hover {
 /* 기타 */
 .back-link{ display:inline-block; margin:18px auto 40px; max-width:1100px; padding:0 10px; color:#0f766e; text-decoration:underline; }
 .additional_ques{ border-left:1px solid #eef2f7; padding-left:20px; }
+
+
+/* 마우스 클릭 후 포커스 링 제거 */
+.unique-filter-bar input[type="checkbox"]:focus:not(:focus-visible)+.unique-filter-text {
+  outline: none !important;
+}
+
+/* 체크박스 숨기기 */
+.custom-checkbox input[type="checkbox"] {
+  position: absolute;
+  opacity: 0;
+  pointer-events: none;
+}
+
+/* 기본 상태 (선택 안됨) */
+.custom-checkbox span {
+  display: inline-block;
+  padding: 10px 16px;
+  border-radius: 10px;
+  border: 2px solid #ccc;
+  /* 회색 테두리 */
+  background: #fff;
+  /* 흰 배경 */
+  font-size: 14px;
+  color: #555;
+  /* 회색 글씨 */
+  font-weight: 500;
+  transition: background .3s, color .3s, border-color .3s, box-shadow .3s;
+  cursor: pointer;
+  position: relative;
+  width: 100%;
+  text-align: center;
+}
+
+/* hover */
+.custom-checkbox span:hover {
+  background: #f8fafc;
+  border-color: #999;
+}
+
+/* 체크된 상태 */
+.custom-checkbox input[type="checkbox"]:checked+span {
+  background: #62B3B8;
+  /* 진한 파란/민트색 배경 */
+  color: #fff;
+  /* 흰색 글씨 */
+  border-color: #62B3B8;
+  font-weight: 600;
+  box-shadow: 0 0 6px rgba(98, 179, 184, 0.5);
+}
+
+/* 체크 아이콘 추가 */
+.custom-checkbox input[type="checkbox"]:checked+span::before {
+  content: "✔";
+  /* 체크 표시 */
+  position: absolute;
+  left: 10px;
+  font-size: 14px;
+}

templates/places/main.html

@@ -139,8 +139,8 @@ <h2 class="place-section__title"></h2>
           <div class="route-list">불러오는 중...</div>
           <hr>
           <div class="create-route-form">
-            <input type="text" class="new-route-title" placeholder="새 루트 제목" style="width:100%; margin-bottom:.25rem;">
-            <input type="text" class="new-route-summary" placeholder="루트 요약(선택, 200자 이내)" style="width:100%; margin-bottom:.25rem;">
+            <input type="text" class="new-route-title" placeholder="새 루트 제목" style="width:90%; margin-bottom:.25rem;">
+            <input type="text" class="new-route-summary" placeholder="루트 요약(선택, 200자 이내)" style="width:90%; margin-bottom:.25rem;">
             <label class="custom-checkbox">
               <input type="checkbox" class="new-route-public" checked>
               <span>공개 루트로 만들기</span> 

templates/search.html

@@ -98,8 +98,8 @@ <h2 class="section-title">추천 여행지</h2>
           <div class="route-list">불러오는 중...</div>
           <hr>
           <div class="create-route-form">
-            <input type="text" class="new-route-title" placeholder="새 루트 제목" style="width:100%; margin-bottom:.25rem;">
-            <input type="text" class="new-route-summary" placeholder="루트 요약(선택, 200자 이내)" style="width:100%; margin-bottom:.25rem;">
+            <input type="text" class="new-route-title" placeholder="새 루트 제목" style="width:90%; margin-bottom:.25rem;">
+            <input type="text" class="new-route-summary" placeholder="루트 요약(선택, 200자 이내)" style="width:90%; margin-bottom:.25rem;">
             <label class="custom-checkbox">
               <input type="checkbox" class="new-route-public" checked>
               <span>공개 루트로 만들기</span> 

templates/users/likes.html

@@ -33,13 +33,13 @@
                     <div class="route-list">불러오는 중...</div>
                     <hr>
                     <div class="create-route-form">
-                    <input type="text" class="new-route-title" placeholder="새 루트 제목" style="width:100%; margin-bottom:.25rem;">
-                    <input type="text" class="new-route-summary" placeholder="루트 요약(선택, 200자 이내)" style="width:100%; margin-bottom:.25rem;">
-                    <label style="display:inline-flex; align-items:center; gap:6px; cursor:pointer; font-size:14px;">
+                      <input type="text" class="new-route-title" placeholder="새 루트 제목" style="width:90%; margin-bottom:.25rem;">
+                      <input type="text" class="new-route-summary" placeholder="루트 요약(선택, 200자 이내)" style="width:90%; margin-bottom:.25rem;">
+                      <label class="custom-checkbox">
                         <input type="checkbox" class="new-route-public" checked>
                         <span>공개 루트로 만들기</span> 
-                    </label>
-                    <button type="button" class="create-route-btn">＋ 새 루트 만들기</button>
+                      </label>
+                      <button type="button" class="create-route-btn">＋ 새 루트 만들기</button>
                     </div>
                 </div>
                 {% endif %}