From ec4e197d5286c54a8da87a09fb5c4485ae5d438e Mon Sep 17 00:00:00 2001 From: junhee park Date: Thu, 21 May 2026 21:43:53 +0900 Subject: [PATCH] =?UTF-8?q?=EB=A1=9C=EA=B7=B8=EC=9D=B8=20=EB=A9=94?= =?UTF-8?q?=EC=9D=B8=20=20=EB=B0=8F=20=EC=B9=9C=EA=B5=AC=20=ED=8E=98?= =?UTF-8?q?=EC=9D=B4=EC=A7=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- static/css/style.css | 53 ++++++++++++++++++++ templates/dashboard.html | 39 ++++++++++++++ templates/friends.html | 106 +++++++++++++++++++++++++++++++++++++++ templates/main.html | 5 +- 4 files changed, 202 insertions(+), 1 deletion(-) create mode 100644 templates/dashboard.html create mode 100644 templates/friends.html diff --git a/static/css/style.css b/static/css/style.css index 0ecb128..55c852c 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -84,4 +84,57 @@ input { margin-top: 20px; text-align: center; font-size: 14px; +} + +/* 드롭다운 전체 감싸는 영역 */ +.dropdown { + position: relative; + display: inline-block; +} + +/* 드롭다운 버튼 스타일 (기존 login-btn 활용) */ +.dropbtn { + padding: 10px 20px; + background-color: #f9f9f9; + border: 1px solid #333; + cursor: pointer; + font-weight: bold; + border-radius: 4px; +} + +/* 마우스 올리면 나타날 박스 */ +.dropdown-content { + display: none; + position: absolute; + right: 0; + background-color: white; + min-width: 140px; + box-shadow: 0px 8px 16px rgba(0,0,0,0.1); + border: 1px solid #ddd; + border-radius: 8px; + z-index: 10; + margin-top: 5px; +} + +/* 드롭다운 안의 개별 버튼들 */ +.dropdown-content button { + color: #333; + padding: 12px 16px; + text-decoration: none; + display: block; + width: 100%; + border: none; + background: none; + text-align: left; + cursor: pointer; + font-size: 14px; +} + +.dropdown-content button:hover { + background-color: #f1f1f1; +} + +/* 마우스 올릴 때 보여주기 */ +.dropdown:hover .dropdown-content { + display: block; } \ No newline at end of file diff --git a/templates/dashboard.html b/templates/dashboard.html new file mode 100644 index 0000000..a0256ac --- /dev/null +++ b/templates/dashboard.html @@ -0,0 +1,39 @@ + + + + + 로그인 메인 + + + + +
+ + + + +
+ +
+

5월

+ + + + + + + +
+
+ + + + \ No newline at end of file diff --git a/templates/friends.html b/templates/friends.html new file mode 100644 index 0000000..26a567c --- /dev/null +++ b/templates/friends.html @@ -0,0 +1,106 @@ + + + + + 친구관리 + + + + +
+
+
친구 목록
+
모임
+
친구 요청
+
+ +
+
+

📩 친구 요청 보내기

+
+ + +
+
+

📥 친구 요청 받기

+
+

받은 요청이 없습니다.

+
+
+
+ +
+ +
+
+ + + + \ No newline at end of file diff --git a/templates/main.html b/templates/main.html index 2505b6d..750dc59 100644 --- a/templates/main.html +++ b/templates/main.html @@ -7,7 +7,10 @@
- +