[Design] idea_form

piro15 · Aug 2, 2021 · d8dbac6 · d8dbac6
1 parent d7824b9
commit d8dbac6
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 20 deletions.
diff --git a/SWIDEA_SITE/config/templates/base.html b/SWIDEA_SITE/config/templates/base.html
@@ -10,7 +10,7 @@
 </head>
 <body class=" bg-secondary">
     <nav class="navbar shadow navbar-dark bg-dark">
-        <a class="col text-center text-light pt-2"><h4>SW idea site</h4></a>
+        <a href="{% url 'ideas:idea_list'%}" class="col text-center text-light pt-2"><h4>SW idea site</h4></a>
     </nav>
     {% block content %}
     {% endblock %}

diff --git a/SWIDEA_SITE/ideas/templates/idea/detail.html b/SWIDEA_SITE/ideas/templates/idea/detail.html
@@ -1,19 +1,22 @@
 {% extends "base.html" %}
-
+{% load static %}
 {% block content %}
-<h1>{{ idea.title }}</h1>
-{% if idea.image %}
-    <img src="{{ idea.image.url }}" style="max-width: 100%;"/>
-    {%endif%}
-<br/>
-    1) 아이디어 관심도: {{ idea.interest }}
-    <br/>
-    2) 예상 개발 툴:<a href="{% url 'devtools:tool_detail' idea.devtool.pk%}">{{ idea.devtool }}</a>
-    <br/>
-    3) 아이디어 설명:{{ idea.content }}
-
-    <button class="btn" onclick="location.href='{% url "ideas:idea_delete" idea.pk %}'"> 삭제 </button>
-    <button class="btn" onclick="location.href='{% url "ideas:idea_edit" idea.pk %}'"> 수정 </button>
-    <button class="btn" onclick="location.href='{% url "ideas:idea_list" %}'"> 목록 </button>
-
+<div class="d-flex justify-content-center m-5">
+    <div class=" col-6 bg-dark text-light p-3 d-flex flex-column align-items-center rounded-lg">
+        <h2 class="pb-2">{{ idea.title }}</h2>
+            <img class="p-2" src="{{ idea.image.url }}" style="width: 300px;"/>
+        <div class="py-3">
+            1) 아이디어 관심도: {{ idea.interest }}
+            <br/>
+            2) 예상 개발 툴:<a class="text-light" href="{% url 'devtools:tool_detail' idea.devtool.pk%}"> {{ idea.devtool }}</a>
+            <br/>
+            3) 아이디어 설명: {{ idea.content }}
+        </div>
+        <div>
+            <button class="btn btn-sm bg-secondary text-light mx-2" onclick="location.href='{% url "ideas:idea_delete" idea.pk %}'"> 삭제 </button>
+            <button class="btn btn-sm bg-secondary text-light mx-2" onclick="location.href='{% url "ideas:idea_edit" idea.pk %}'"> 수정 </button>
+            <button class="btn btn-sm bg-secondary text-light mx-2" onclick="location.href='{% url "ideas:idea_list" %}'"> 목록 </button>
+        </div>
+    </div>
+</div>
 {% endblock %}
diff --git a/SWIDEA_SITE/ideas/templates/idea/list.html b/SWIDEA_SITE/ideas/templates/idea/list.html
@@ -6,10 +6,9 @@
 <div class="d-flex justify-content-center ">
         {%for idea in idea %}
         <div class="col-3 p-3 m-1 d-flex flex-column align-items-center justify-content-center bg-dark rounded">
-                <img src="{{ idea.image.url }}" style="max-width: 70%;"/>
-                <hr>
+                <img src="{{ idea.image.url }}" style="width: 300px;"/>
                 <div>
-                        <h3 ><a class="text-light" href="{% url 'ideas:idea_detail' idea.pk%}">{{ idea.title }}</a></h3>
+                        <h3 class="py-3"><a class="text-light" href="{% url 'ideas:idea_detail' idea.pk%}">{{ idea.title }}</a></h3>
                         <span class="font-weight-bold text-light">예상 개발 툴:</span> <span class="text-light">{{ idea.devtool }}</span>
                         <br>
                         <span class="font-weight-bold text-light">아이디어 관심도:</span> <span class="text-light">{{ idea.interest }}</span>