feat: render individual messages nicely

kzys · kzys · commit 9e6af39806e0 · 2024-10-17T22:30:31.000-07:00
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
@@ -13,3 +13,10 @@
  *= require_tree .
  *= require_self
  */
+
+body {
+    background: #fff;
+    color: #333;
+    margin: 0;
+    padding: .5rem 1rem;
+}
diff --git a/app/assets/stylesheets/messages.css b/app/assets/stylesheets/messages.css
@@ -0,0 +1,7 @@
+
+.headers {
+    list-style: none;
+    padding: 0 0 1rem 0;
+    border-bottom: 1px solid #000;
+}
+
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -1,7 +1,13 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <title>BladeRubyLangOrg</title>
+    <title><%=
+      if yield(:title).empty?
+        'blade.ruby-lang.org'
+      else
+        yield(:title)
+      end
+    %></title>
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <%= csrf_meta_tags %>
     <%= csp_meta_tag %>
diff --git a/app/views/messages/_message.html.erb b/app/views/messages/_message.html.erb
@@ -1,14 +1,10 @@
-<div id="<%= dom_id message %>">
-  <p>
-    <strong>Subject:</strong>
-    <%= message.subject %>
-  </p>
-
-  <p>
-    <strong>From:</strong>
-    <%= message.from %>
-  </p>
+<% content_for :title, message.subject %>
 
+<div class="message" id="<%= dom_id message %>">
+  <ul class="headers">
+    <li>From: <%= message.from %></li>
+    <li>Date: <%= message.published_at %></li>
+    <li>Subject: <%= message.subject %></li>
+  </ul>
   <pre><%= message.body %></pre>
-
 </div>
