Implement the card design

Implementation of the form cards
This commit is contained in:
Arsene Karema 2020-04-08 19:25:42 +02:00
parent 59faa4e545
commit 1339db3567

View File

@ -1,5 +1,66 @@
<div class="section">
<div class="container">
<div class="columns is-centered">
<div class="column ">
<div class="card">
<div class="card-content breadcrumb is-centered">
<%= link_to "new form", new_form_url %>
</div>
</div>
</div>
<div class="column">
<div class="card">
<div class="card-content">
<div class="media">
<div class="media-content">
<p class="title is-4">Form Title</p>
</div>
<div class="media-left">
<figure class="image is-48x48">
<img src="https://bulma.io/images/placeholders/96x96.png" alt="Placeholder image">
</figure>
</div>
</div>
<div class="columns">
<div class="column">
<p class="sub-title is-4">Submissions</p>
<p class="sub-title is-5 is-centered">42</p>
</div>
<div class="column">
<p class="sub-title is-4">Form Title</p>
<p class="sub-title is-5">06.04.2020</p>
</div>
</div>
</div>
</div>
</div>
<div class="column">
<div class="card">
</div>
</div>
</div>
</div>
</div>
<hr>
<% @forms.each do |form| %>
<%= link_to form.title, form_url(form) %>
<%= link_to form.title, form_url(form) %>
<% end %>