From 0090a12718400e9d3b230d85b93d54056eaede76 Mon Sep 17 00:00:00 2001
From: Doge <guiqiqi187@gmail.com>
Date: Sat, 15 May 2021 16:24:28 +0800
Subject: Change tags style

---
 layout/index.ejs | 51 +++++++++++++++++++++++++++++++++++++--------------
 1 file changed, 37 insertions(+), 14 deletions(-)

(limited to 'layout')

diff --git a/layout/index.ejs b/layout/index.ejs
index 1a506a6..1046eea 100644
--- a/layout/index.ejs
+++ b/layout/index.ejs
@@ -31,20 +31,41 @@
 
                                 <!-- Podcast duration with post date -->
                                 <% if (post.podcast && theme.podcast) { %>
-                                    <div class="tags has-addons">
-                                        <%
-                                            const duration = post.podcast.duration;
-                                            const hour = Math.floor(duration / 3600);
-                                            const minute = Math.floor((duration / 60) % 60);
-                                            const second = Math.floor(duration % 60);
-                                            const viewstr = hour + ':' + String(minute).padStart(2, '0') + ':' + String(second).padStart(2, '0');
-                                        %>
-                                        <span class="tag is-danger"><%- viewstr %></span>
-                                        <span class="tag"><%- date(post.date, theme.timeformat) %></span>
+                                    <div class="field is-grouped is-grouped-multiline">
+                                        <div class="control">
+                                            <div class="tags has-addons">
+                                                <%
+                                                    const duration = post.podcast.duration;
+                                                    const hour = Math.floor(duration / 3600);
+                                                    const minute = Math.floor((duration / 60) % 60);
+                                                    const second = Math.floor(duration % 60);
+                                                    const viewstr = hour + ':' + String(minute).padStart(2, '0') + ':' + String(second).padStart(2, '0');
+                                                %>
+                                                <span class="tag is-danger">
+                                                    <i class="fa fa-microphone"></i>
+                                                </span>
+                                                <span class="tag is-danger is-light">
+                                                    <%- viewstr %>
+                                                </span>
+                                            </div>
+                                        </div>
+                                        <div class="control">
+                                            <div class="tags has-addons">
+                                                <span class="tag is-link">
+                                                    <i class="fa fa-calendar"></i>
+                                                </span>
+                                                <span class="tag is-link is-light">
+                                                    <%- date(post.date, theme.timeformat) %>
+                                                </span>
+                                            </div>
+                                        </div>
                                     </div>
                                 <% } else { %>
-                                    <div class="tags">
-                                        <span class="tag is-danger">
+                                    <div class="tags has-addons">
+                                        <span class="tag is-link">
+                                            <i class="fa fa-calendar"></i>
+                                        </span>
+                                        <span class="tag is-link is-light">
                                             <%- date(post.date, theme.timeformat) %>
                                         </span>
                                     </div>
@@ -53,10 +74,12 @@
                             
                             <!-- Post tags -->
                             <div class="level-item">
-                                <% if (post.tags) { %> 
+                                <% if (post.tags) { %>
                                     <div class="tags">
                                         <% (post.tags).forEach(function(item) { %>
-                                            <span class="tag"># <%= item.name %></span>
+                                            <span class="tag">
+                                                # <%= item.name %>
+                                            </span>
                                         <% }); %>
                                     </div>
                                 <% } %>
-- 
cgit v1.2.3