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

Implement form design

Browse Source
This commit is contained in:
karemarsy 2020-04-13 19:10:56 +02:00
parent af67e44fdf
commit b34b145616
2 changed files with 31 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -48,6 +48,16 @@ $light: #fff;
height: 100%; height: 100%;
} }
.content {
padding: 30px 60px 50px;
&>h1 {
margin-bottom: 40px;
}
}
body { body {
min-height: 100vh; min-height: 100vh;
} }

12
app/views/forms/new.html.erb
View File

@ -1,6 +1,10 @@
<div class="section"> <div class="section">
<div class="container"> <div class=" columns ">
<div class="is-centered"> <div class="column is-three-quarters is-three-fifths
is-offset-one-fifth">
<div class="box">
<div class="content has-text-centered">
<h1 class="has-text-weight-light">Create a new form</h1>
<%= form_for @form do |f| %> <%= form_for @form do |f| %>
<div class="field"> <div class="field">
<div class="control"> <div class="control">
@ -11,10 +15,12 @@
<div class="control"> <div class="control">
<%= f.text_field :thank_you_url, class: 'input', placeholder: 'Thank you url' %> <%= f.text_field :thank_you_url, class: 'input', placeholder: 'Thank you url' %>
</div> </div>
</div> </div><br>
<div> <div>
<%= f.submit class: 'button is-primary' %> <%= f.submit class: 'button is-primary' %>
<% end %> <% end %>
</divdiv>
</div>
</div> </div>
</div> </div>
</div> </div>