Browse Source

Styles

master
Dylan Baker 3 years ago
parent
commit
b27bd4da03
2 changed files with 13 additions and 5 deletions
  1. 3
    3
      templates/components.html
  2. 10
    2
      templates/layout.html

+ 3
- 3
templates/components.html View File

@@ -1,6 +1,9 @@
1 1
 {% macro post(post, type) %}
2 2
 <div class="post">
3 3
   <h3 class="post__heading">
4
+    <span class="post__title">
5
+      {{ post.title }} <span class="post__date">:: {{ post.date }}</span>
6
+    </span>
4 7
     <div class="post__links">
5 8
       {% if type == "index" %}
6 9
       <a class="post__link" href="/posts/{{ post.id }}">view</a>
@@ -9,9 +12,6 @@
9 12
       <span class="post__link danger" data-delete="{{ post.id }}">delete</span>
10 13
       {% endif %}
11 14
     </div>
12
-    <span class="post__title">
13
-      {{ post.title }} :: {{ post.date }}
14
-    </span>
15 15
   </h3>
16 16
   <div class="post__body">
17 17
     {{ post.body | safe }}

+ 10
- 2
templates/layout.html View File

@@ -97,10 +97,11 @@
97 97
       }
98 98
 
99 99
       .post__heading {
100
+        align-items: center;
100 101
         background: white;
101 102
         border: 1px solid #383e37;
102 103
         display: flex;
103
-        flex-direction: row-reverse;
104
+        flex-wrap: wrap;
104 105
         font-size: 12px;
105 106
         font-weight: bold;
106 107
         justify-content: space-between;
@@ -110,6 +111,13 @@
110 111
 
111 112
       .post__title {
112 113
         flex: 1;
114
+        margin-right: 1em;
115
+        min-width: 220px;
116
+      }
117
+
118
+      .post__date {
119
+        font-style: italic;
120
+        white-space: nowrap;
113 121
       }
114 122
 
115 123
       .post__link {
@@ -151,7 +159,7 @@
151 159
   <body>
152 160
     <div class="container">
153 161
       <header class="header">
154
-        <a class="header__logo" href="/">bwoo://</a>
162
+        <a class="header__logo" href="/">bngl://ws/</a>
155 163
         {% if logged_in %}
156 164
         <form action="/logout" method="POST">
157 165
           <input class="btn" type="submit" value="Log out" />

Loading…
Cancel
Save