diff options
| author | Doge <[email protected]> | 2021-05-15 16:24:28 +0800 |
|---|---|---|
| committer | Doge <[email protected]> | 2021-05-15 16:24:28 +0800 |
| commit | 0090a12718400e9d3b230d85b93d54056eaede76 (patch) | |
| tree | 0ebdacae742c7ea666bc39bbf977572748dc54f5 /layout/index.ejs | |
| parent | 77d4e27de03bb970a47672ead973d375940d0289 (diff) | |
| download | chromate-0090a12718400e9d3b230d85b93d54056eaede76.tar.gz chromate-0090a12718400e9d3b230d85b93d54056eaede76.tar.bz2 chromate-0090a12718400e9d3b230d85b93d54056eaede76.zip | |
Change tags style
Diffstat (limited to 'layout/index.ejs')
| -rw-r--r-- | layout/index.ejs | 51 |
1 files changed, 37 insertions, 14 deletions
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> <% } %> |