前提・実現したいこと
Rails初心者です。
投稿機能にユーザー画像をActive Strageから持ってくる実装をしています。
each文でそれぞれテーブルから取得していて画像と投稿は表示されるのですが、画像の大きさがバラバラでリサイズがうまくできていません。
一つ目の投稿ではうまくいっています。
tweetsのindexアクションで、Active Strageから画像を取り出しているが、その大きさがバラバラになってしまう。
該当のソースコード views/tweets/index.html.erb (部分テンプレートを使用)
<div class="contents row"> <% @tweets.each do |tweet| %> <%= render partial: "tweet", locals: { tweet: tweet } %> <% end %> <%= paginate(@tweets) %> </div>
該当のソースコード views/tweets/_tweet.html.erb (部分テンプレート先)
<div class="card-group" style="margin: 20px auto;"> <div class="card" style="width:18rem;"> <%= image_tag tweet.user.avatar, class:"card-img-top",alt:"Card image cap" %></div> <div class="card-body" style="position:relative;"> <h4 class="card-title"><%= tweet.user.name %></h4> <p class="card-text"><%= tweet.text%></p> <p class="card-text"><small class="text-muted" style="position: absolute; bottom: 30px;"><%= tweet.created_at.strftime("%Y-%m-%d %H:%M")%></small></p> <div class="bottan-wrapper" style="position: absolute; right: 0px; bottom: 35px;"> <button class="btn btn-info"> <%= link_to '詳細', "/tweets/#{tweet.id}", method: :get%> </button> <% if user_signed_in? && current_user.id == tweet.user_id %> <button class="btn btn-info"> <%= link_to '編集', "/tweets/#{tweet.id}/edit", method: :get %> </button> <button class="btn btn-info"> <%= link_to '削除', "/tweets/#{tweet.id}"%> </button> <% end %> </div> </div> </div> </div>
試したこと
ここに問題に対して試したことを記載してください。
リサイズのためのgem(バージョン指定はしていません)
gem 'mini_magick'
リサイズのためのgem(バージョン指定はしていません)
Ruby version 2.5.1
Rails version 5.2.3
あなたの回答
tips
プレビュー