style_finished

lucenasoft · Nov 8, 2022 · 8092b3b · 8092b3b
1 parent 4ed7b8b
commit 8092b3b
Show file tree

Hide file tree

Showing 4 changed files with 62 additions and 9 deletions.
diff --git a/feedback/forms/__pycache__/feedback_form.cpython-310.pyc b/feedback/forms/__pycache__/feedback_form.cpython-310.pyc
diff --git a/feedback/forms/feedback_form.py b/feedback/forms/feedback_form.py
@@ -1,6 +1,8 @@
 from django import forms
 from django.contrib.auth.models import User
 
+from feedback.models import Feedbacks
+
 
 class RegisterFeedback(forms.ModelForm):
 
@@ -20,15 +22,17 @@ class RegisterFeedback(forms.ModelForm):
         label='',
     )
 
-    message = forms.CharField(
-        label='',
-    )
+    message = forms.Textarea()
 
     class Meta:
-        model = User
+        model = Feedbacks
         fields = [
             'author',
             'email',
             'message',
-
         ]
+        labels = {
+            'author': '',
+            'email': '',
+            'message': '',
+        }
diff --git a/main_static/css/style.css b/main_static/css/style.css
@@ -81,6 +81,7 @@ nav input:hover {
     flex-direction: column;
     align-content: center;
     align-items: center;
+    font-style: "Roboto";
 }
 
 footer {
@@ -98,13 +99,58 @@ footer a {
 /* LABELS */
 
 .container-box input{
-    width: 400px;
-    height: 10px;
+    width: 600px;
+    padding-left: 10px;
+    height: 45px;
+    background:  rgb(21, 88, 105);
+    border-radius: 10px;
+    border: none;
+    color: white;
+    margin-top: 10px;
+    font-family: 'Roboto';
+}
+
+.container-box label {
+    margin-top: 20px;
+}
+
+.container-box textarea{
+    padding: 10px;
+    background:  rgb(21, 88, 105);
+    color: white;
     font-size: 20px;
     margin-top: 20px;
-    border-radius: 10px;
+    width: 600px;
+    border: none;
+    border-radius: 14px;
+}
+
+.btn-feedbacks {
+    display: flex;
+    justify-content: center;
+    margin-top: -30px;
+    margin-bottom: 50px;
+}
+
+.btn-feedbacks button {
+    font-family: "Poppins";
+    font-size: 18px;
+    padding: 15px;
+    padding-left: 40px;
+    padding-right: 40px;
+    border-radius: 30px;
+    color: white;
+    background: rgb(23, 117, 141);
+    cursor: pointer;
     border: none;
-    text-align: start;
+}
+
+.btn-feedbacks input {
+    transition: ease-in-out 5s;
+}
+
+.btn-feedbacks:hover {
+    filter: drop-shadow(-1px 1px 6px white);
 }
 
 /* RESPONSIVIDADE */

diff --git a/main_template/pages/home.html b/main_template/pages/home.html
@@ -25,6 +25,9 @@ <h1>Get in Touch</h1>
         <p>Have feedback or need some help?</p>
     </div>
     {% include 'partials/labels.html' %}
+    <div class="btn-feedbacks">
+        <button type="submit">Enviar</button>
+    </div>
 </body>
 <footer>
     <a href="https://lucenasoft.github.io/" target="_blank" rel="noreferrer noopener">&copy; Copyright 2022 Web