From 74ab7f4dc4c2d838eb5606e8f387066483167dad Mon Sep 17 00:00:00 2001 From: Matheus Agio Nerone <man13@inf.ufpr.br> Date: Mon, 28 Sep 2015 16:30:31 -0300 Subject: [PATCH] create class for panel Signed-off-by: Matheus Agio Nerone <man13@inf.ufpr.br> --- .../stylesheets/application/welcome.scss | 12 ++++++++++ app/views/welcome/index.html.erb | 24 ++++++++++++------- 2 files changed, 28 insertions(+), 8 deletions(-) diff --git a/app/assets/stylesheets/application/welcome.scss b/app/assets/stylesheets/application/welcome.scss index 293aecd5..41fed892 100644 --- a/app/assets/stylesheets/application/welcome.scss +++ b/app/assets/stylesheets/application/welcome.scss @@ -1,3 +1,15 @@ +.panel-wrapper{ + position: relative; + min-height: 500px; + min-width: 350px; + margin-top: 30px; + background-color: #2178F5; + color: white; +} +.divider{ + height: 5px; + background-color: red; +} .general-highlights { padding-left: 0px; padding-right: 0px; diff --git a/app/views/welcome/index.html.erb b/app/views/welcome/index.html.erb index 20c0cacf..fcbdc70e 100644 --- a/app/views/welcome/index.html.erb +++ b/app/views/welcome/index.html.erb @@ -57,14 +57,22 @@ </div> </div> <div class="col-md-3 col-md-offset-1 hidden-xs hidden-sm"> - <div style="position: relative; height: 500px; width: 350px; margin-top: 30px; background-color: #2178F5; padding: 5px 30px 30px 30px; color: white"> - <h2>Cadastre-se!</h2> - <h2>Vantagens de cadastrar:</h2> - <h2>Tem Muitas!</h2> - <%= form_tag(new_user_registration_path, method: 'get') do %> - <%= text_field_tag :email, '', placeholder: "Seu email", class: 'form-control', style: 'position: absolute; bottom: 75px ;right: 30px; width: 290px;' %> - <%= button_to "Cadastrar-se", new_user_registration_path,class: "btn btn-danger", style: 'position: absolute; bottom: 30px ;right: 30px; width: 230px; background-color: #FF2134;' %> - <% end %> + <div class="panel-wrapper"> + <div style="padding: 5px 30px 30px 30px;"> + <h2>Cadastre-se!</h2> + <h2>Vantagens de cadastrar:</h2> + <h2>Tem Muitas!</h2> + <h2>Tem Muitas!</h2> + <h2>Tem Muitas!</h2> + </div> + <div class="divider"> + </div> + <div style="width: 100%; padding: 5px 30px 30px 30px;"> + <%= form_tag(new_user_registration_path, method: 'get') do %> + <%= text_field_tag :email, '', placeholder: "Seu email", class: 'form-control'%> + <%= button_to "Cadastrar-se", new_user_registration_path,class: "btn btn-danger", style: 'margin-top: 10px; width: 230px; background-color: #FF2134;'%> + <% end %> + </div> </div> </div> </div> -- GitLab