jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

css: replace more css with tailwind-style classes.

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/post_votes_component/post_votes_component.html.erb
View File

@@ -7,7 +7,7 @@
<%= link_to upvote_icon, post_post_votes_path(post_id: post.id, score: 1), class: "post-upvote-link inactive-link", method: :post, remote: true %>
<% end %>
<span class="post-score">
<span class="post-score inline-block text-center whitespace-nowrap align-middle min-w-4">
<%= link_to post.score, post_votes_path(search: { post_id: post.id }, variant: :compact), rel: "nofollow" %>
</span>

12
app/components/post_votes_component/post_votes_component.scss
View File

@@ -1,17 +1,5 @@
@import "../../javascript/src/styles/base/000_vars";
.post-votes {
// Fix it so that the vote buttons don't move when the score changes width.
// XXX duplicated from app/components/comment_component/comment_component.scss
.post-score {
display: inline-block;
text-align: center;
min-width: 1.25em;
white-space: nowrap;
vertical-align: middle;
}
}
article.post-preview {
.post-score a {
@include inactive-link;