Implement the card design
Implementation of the form cards
This commit is contained in:
parent
59faa4e545
commit
1339db3567
@ -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) %>
|
||||
<% end %>
|
||||
<%= link_to form.title, form_url(form) %>
|
||||
<% end %>
|
Loading…
x
Reference in New Issue
Block a user