css: replace more css with tailwind-style classes.

This commit is contained in:
evazion
2022-12-11 17:29:53 -06:00
parent fc7bc64d4c
commit 1c2042285f
20 changed files with 120 additions and 237 deletions

View File

@@ -6,6 +6,6 @@
<%= f.button :submit, "Submit" %>
<%= dtext_preview_button "comment_body" %>
<% if comment.new_record? %>
<%= f.input :do_not_bump_post, label: "No bump" %>
<%= f.input :do_not_bump_post, label: "No bump", wrapper_html: { class: "inline-block" } %>
<% end %>
<% end %>

View File

@@ -19,12 +19,12 @@
<% dtext_data = DText.preprocess(@comments.map(&:body)) %>
<% @comments.each do |comment| %>
<%= tag.div id: "post_#{comment.post.id}", **PostPreviewComponent.new(post: comment.post).article_attrs("post space-x-4") do %>
<%= tag.div id: "post_#{comment.post.id}", **PostPreviewComponent.new(post: comment.post, classes: "post md:flex gap-4").article_attrs do %>
<% if policy(comment.post).visible? %>
<%= post_preview(comment.post, show_deleted: true) %>
<%= post_preview(comment.post, show_deleted: true, classes: "mx-auto") %>
<% end %>
<%= render_comment(comment, dtext_data: dtext_data, context: :index_by_comment, current_user: CurrentUser.user) %>
<%= render_comment(comment, dtext_data: dtext_data, classes: "flex-1", context: :index_by_comment, current_user: CurrentUser.user) %>
<% end %>
<% end %>
</div>

View File

@@ -1,13 +1,13 @@
<%= render "posts/partials/common/inline_blacklist" %>
<div id="p-index-by-post">
<div id="p-index-by-post" class="space-y-12">
<% if @posts.blank? %>
<%= render "post_sets/blank" %>
<% end %>
<% @posts.includes(:media_asset, :uploader, :vote_by_current_user, comments: [:creator, :votes]).select(&:visible?).each do |post| %>
<%= tag.div id: "post_#{post.id}", **PostPreviewComponent.new(post: post).article_attrs("post space-x-4") do %>
<%= post_preview(post, show_deleted: true, show_votes: true) %>
<%= tag.div id: "post_#{post.id}", **PostPreviewComponent.new(post: post, classes: "post md:flex gap-4").article_attrs do %>
<%= post_preview(post, show_deleted: true, show_votes: true, classes: "flex mx-auto") %>
<div class="flex-1">
<%= render "comments/partials/index/header", post: post %>

View File

@@ -1,19 +1,19 @@
<div class="header">
<div class="row">
<span class="info">
<div class="mb-4">
<div class="space-x-4">
<span class="info space-x-1">
<strong>Date</strong>
<%= compact_time(post.created_at) %>
</span>
<span class="info">
<span class="info space-x-1">
<strong>Uploader</strong>
<%= link_to_user(post.uploader) %>
</span>
<span class="info">
<span class="info space-x-1">
<strong>Rating</strong>
<%= post.pretty_rating %>
<span><%= post.pretty_rating %></span>
</span>
</div>
<div class="row list-of-tags">
<div class="space-x-1">
<strong>Tags</strong>
<%= render_inline_tag_list(post) %>
</div>