simulacrumparty
/
oslo
Watch 1
Star 0
Fork 0
Code Releases 0 Activity
Browse Source

Styles

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

+ 3
- 3
templates/components.html View File

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

+ 10
- 2
templates/layout.html View File

97 
       }
 97 
       }
98
98
99 
       .post__heading {
 99 
       .post__heading {
100 
+        align-items: center;
100 
         background: white;
 101 
         background: white;
101 
         border: 1px solid #383e37;
 102 
         border: 1px solid #383e37;
102 
         display: flex;
 103 
         display: flex;
103 
-        flex-direction: row-reverse;
104 
+        flex-wrap: wrap;
104 
         font-size: 12px;
 105 
         font-size: 12px;
105 
         font-weight: bold;
 106 
         font-weight: bold;
106 
         justify-content: space-between;
 107 
         justify-content: space-between;
110
111
111 
       .post__title {
 112 
       .post__title {
112 
         flex: 1;
 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 
       .post__link {
 123 
       .post__link {
151 
   <body>
 159 
   <body>
152 
     <div class="container">
 160 
     <div class="container">
153 
       <header class="header">
 161 
       <header class="header">
154 
-        <a class="header__logo" href="/">bwoo://</a>
162 
+        <a class="header__logo" href="/">bngl://ws/</a>
155 
         {% if logged_in %}
 163 
         {% if logged_in %}
156 
         <form action="/logout" method="POST">
 164 
         <form action="/logout" method="POST">
157 
           <input class="btn" type="submit" value="Log out" />
 165 
           <input class="btn" type="submit" value="Log out" />

Write Preview
Loading…
Cancel
Save