display flex

2 years ago · aa594ee3ca
parent 0905a04e60
commit aa594ee3ca
6 changed files with 61 additions and 51 deletions
--- a/pycache/app.cpython-310.pyc
+++ b/pycache/app.cpython-310.pyc
--- a/app.py
+++ b/app.py
@ -37,6 +37,7 @@ class PrefixMiddleware(object):


 app = Flask(__name__)
+app.config['SECRET KEY']='this should be a secret random string'

 # register the middleware to prefix all the requests with our base_url
 app.wsgi_app=PrefixMiddleware(app.wsgi_app, prefix='/soupboat/library')
--- a/library.db
+++ b/library.db
--- a/static/style_default.css
+++ b/static/style_default.css
@ -2,7 +2,7 @@ body{
    
 }

-.formPanel{
+/* .formPanel{
    display: none;
    background-color: rgb(239, 255, 167);
    width: 300px;
@ -10,4 +10,12 @@ body{
    position: absolute;
    top: 3em;
    margin: 0 auto;
+} */
+.all-cards{
+    display: flex;
+    flex-flow: row;
+}
+.card{
+    border: 1px solid rgb(147, 93, 255);
+    padding: 4px;
 }
--- a/templates/base.html
+++ b/templates/base.html
@ -3,7 +3,7 @@
 	<head>
 		<meta charset="utf-8" />
 		<title>{% block title %} {% endblock %}</title>
-        <!-- <link rel="stylesheet" href="{{url_for('static', filename='style_default.css')}}"> -->
+        <link rel="stylesheet" href="{{url_for('static', filename='style_default.css')}}">
        <!-- <script src="{{url_for('static', filename='addnew_panel.js')}}"></script> -->
 	</head>
 	<body>
--- a/templates/home.html
+++ b/templates/home.html
@ -2,38 +2,39 @@

 {% block content %}
    <h1>{% block title %} Welcome to grgr's library {% endblock %}</h1>
+
+        <div class="all-cards">
            {% for category, cards in categories.items() %}
-        <div class="card" style="width: 18rem; margin-bottom: 50px;">
+            
+
+                {% for card in cards %}
+                <div class="card">
                    <div class="card-header">
-                <h3>{{ category }}</h3>
+                        <h6>{{ category }}</h6>
                    </div>
-            <ul class="list-group list-group-flush">
                    
-                {% for card in cards %}
-                    <li class="list-group-card">{{ card['content'] }}</li>
+                        <div class="list-group-card">{{ card['content'] }}</div>
                
                        <div class="row">
                
                            <div class="col-12 col-md-3">
-                            <a class="btn btn-warning btn-sm"
-                            href="{{ url_for('edit', id=card['id']) }}">Edit</a>
+                                <a class="btn btn-warning btn-sm" href="{{ url_for('edit', id=card['id']) }}">Edit</a>
                            </div>
                
                
                            <div class="col-12 col-md-3">
-                            <form action="{{ url_for('delete', id=card['id']) }}"
-                                method="POST">
-                                <input type="submit" value="Delete"
-                                    class="btn btn-danger btn-sm">
+                                <form action="{{ url_for('delete', id=card['id']) }}" method="POST">
+                                    <input type="submit" value="Delete" class="btn btn-danger btn-sm">
                                </form>
                            </div>
                        </div>
+                </div>
+                {% endfor %}
            
-                    <hr>
            {% endfor %}
-            </ul>
+        
        </div>
-    {% endfor %}
+    
 {% endblock %}
 <!-- {#<!DOCTYPE html>
 <html lang="en">