From bcfd1565fc49e577f855fd8e172039283b23c210 Mon Sep 17 00:00:00 2001 From: yeeeeeeen700 <149934975+yeeeeeeen700@users.noreply.github.com> Date: Fri, 10 Nov 2023 13:56:53 +0900 Subject: [PATCH] =?UTF-8?q?main.html=20=EC=B5=9C=EC=A2=85=EB=B3=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- trades/static/css/style.css | 92 ++++++++++++++++---------- trades/templates/trades/index.html | 2 +- trades/templates/trades/main.html | 100 ++++++++++++++++------------- 3 files changed, 116 insertions(+), 78 deletions(-) diff --git a/trades/static/css/style.css b/trades/static/css/style.css index 1e81d4a..d7de074 100644 --- a/trades/static/css/style.css +++ b/trades/static/css/style.css @@ -90,6 +90,20 @@ li { } /* class */ +.Title{ + line-height: 20px; +} + +.Button{ + float: right; + background: black; + color: white; + margin-right: 50px; + font-size: 1.1rem; + width: 70px; + height: 40px; + border-radius: 10%; +} .Logo { display: block; @@ -97,69 +111,79 @@ li { margin-left: 20px; margin-right: 30px; font-weight: 900; - font-size: 2.5rem; + font-size: 3rem; color: black; } .SubLogo { display: block; width: 100%; - margin-left: 20px; + margin-left: 100px; margin-right: 30px; font-weight: 700; - font-size: 1.5rem; + font-size: 1.2rem; + color: rgb(126, 122, 122); } -.Button{ - display: inline-block; - float: right; - background: black; - color: white; - margin-top: 10px; - margin-right: 50px; +.Location{ + margin-left: 150px; + color: #a9701a; + font-size: 1.8rem; } -.SideBar { - width: 25%; +.SectionName { + width: 250px; + text-align: center; + margin-left: 10px; + font-size: 1.3rem; + background: #ead192; +} + +.Side{ + width: 30%; + height: 800px; display: inline-block; float: left; + font-size: 1rem; } -.Contents { - display: inline-block; - width: 75%; +.Info { + width: 100%; + height: 30%; + display: block; + background: rgb(254, 252, 252); + font-size: 1.1rem; +} + +.ChoiceBar { + width: 100%; + height: 70%; + display: block; + float: left; + overflow-y: scroll; + background: rgb(223, 221, 221); + font-size: 1.2rem; } .tabs { overflow: hidden; display: block; float: center; - line-height: 5px; + line-height: 15px; text-align: left; + font-size: 1.2rem; } -.SectionName { - width: 100px; - text-align: center; - margin-left: 10px; - font-size: 1.3rem; - background: #ead192; -} - -.updown { - width: 1000px; - height: 250px; - display: block; - background: rgb(254, 252, 252); - border-left: 2px solid; +.Contents { + display: inline-block; + width: 70%; } -.map { +.Map { width: 1000px; - height: 650px; + height: 800px; display: block; - /* background: #858796; */ margin-bottom: 20px; - border-left: 2px solid; + border-left: 4px solid; } diff --git a/trades/templates/trades/index.html b/trades/templates/trades/index.html index f8f9718..c900d49 100644 --- a/trades/templates/trades/index.html +++ b/trades/templates/trades/index.html @@ -5,7 +5,7 @@
- {% block Logo %}{% endblock %} + {% block Title %}{% endblock %} {% block SideBar %}{% endblock %} diff --git a/trades/templates/trades/main.html b/trades/templates/trades/main.html index 19d173c..a171c63 100644 --- a/trades/templates/trades/main.html +++ b/trades/templates/trades/main.html @@ -26,54 +26,30 @@ -주택 매매 가격 동향
+주택 매매 가격 동향
우리 동네에서 부동산 거래 변화가 가장 큰 곳은 어디일까?
-