bumi/tinyforms
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add fontawesome icons

Browse Source
This commit is contained in:
Yannick 2020-04-08 20:40:06 +02:00
parent 1339db3567
commit beabccbb79
3 changed files with 56 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/assets/stylesheets/application.css.scss
View File

@ -28,4 +28,8 @@ $primary: $blue;
$green: #007932; // hsl(141, 53%, 53%); $green: #007932; // hsl(141, 53%, 53%);
$footer-background-color: $light; $footer-background-color: $light;
@import 'bulma/bulma'; @import 'bulma/bulma';
.card-height{
min-height: 200px;
}

112
app/views/forms/index.html.erb
View File

@ -1,66 +1,52 @@
<div class="section">
<div class="container">
<div class="columns is-centered is-multiline">
<div class="column is-3">
<div class="card card-height">
<div class="section"> <div class="card-content is-half">
<div class="container"> <h5 class="is-size-1 has-text-centered">
<div class="columns is-centered"> <%= link_to new_form_url do %>
<div class="column "> <i class="fas fa-plus"></i>
<div class="card"> <% end %>
<div class="card-content breadcrumb is-centered"> </h5>
<%= link_to "new form", new_form_url %> </div>
</div> </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>
<div class="media-left">
<figure class="image is-48x48"> <% @forms.each do |form| %>
<img src="https://bulma.io/images/placeholders/96x96.png" alt="Placeholder image"> <div class="column is-3">
</figure> <div class="card card-height">
<div class="card-content">
<div class="media">
<div class="media-content">
<p class="title is-4 font-secondary"><%= link_to form.title, form_url(form) %></p>
</div>
<div class="media-right has-text-right is-size-4">
<figure class="image is-48x48">
<i class="far fa-file-excel"></i>
</figure>
</div>
</div>
<div class="columns">
<div class="column is-5">
<h5 class="sub-title has-font-bold">Submissions</h5>
<p class="sub-title">42</p>
</div>
<div class="column is-7 has-text-right">
<h5 class="sub-title">Last Submission</h5>
<p class="sub-title">06.04.2020</p>
</div>
</div>
</div>
</div>
</div> </div>
<% end %>
</div> </div>
</div>
<div class="columns"> </div>
<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 %>

2
app/views/layouts/application.html.erb
View File

@ -11,5 +11,7 @@
<body> <body>
<%= yield %> <%= yield %>
<script src="https://kit.fontawesome.com/221ac0e2fd.js" crossorigin="anonymous"></script>
</body> </body>
</html> </html>