19 lines
991 B
Plaintext
19 lines
991 B
Plaintext
<div class="comment flex align-start gap fill-shade border-radius full-width comment--mine">
|
|
<span class="avatar fill-black txt-reversed flex-item-no-shrink"><strong><%= Current.user.initials %></strong></span>
|
|
<div class="flex flex-column full-width gap-half">
|
|
<div class="comment__author flex align-center gap-half">
|
|
<strong><%= Current.user.name %></strong>
|
|
</div>
|
|
<div class="comment__body txt-align-start">
|
|
<%= form_with model: [@splat, @splat.comments.build], class: "flex flex-column gap full-width" do | form | %>
|
|
<%= form.text_area :body, class: "input", required: true, placeholder: Current.user == @splat.creator && @splat.comments.size == 1 ? "Add some notes…" : "Type your comment…", rows: 4 %>
|
|
|
|
<%= form.button class: "btn btn--reversed center" do %>
|
|
<%= image_tag "check.svg", aria: { hidden: "true" }, size: 24 %>
|
|
<span class="for-screen-reader">Save</span>
|
|
<% end %>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
</div>
|