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

Remove padding modifiers

Browse Source
This commit is contained in:
Yannick 2020-04-08 19:29:28 +02:00
parent c0e4a30bc5
commit 11e3c8a40b
3 changed files with 41 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -36,5 +36,4 @@ $family-secondary: 'Comfortaa', cursive;
body { body {
min-height: 100vh; min-height: 100vh;
} }
@import 'bulma-helpers/bulma-helpers';

2
app/views/home/index.html.erb
View File

@ -1,6 +1,6 @@
<section class="hero is-medium is-dark is-bold"> <section class="hero is-medium is-dark is-bold">
<div class="hero-body"> <div class="hero-body">
<div class="container has-padding-50"> <div class="container">
<h1 class="title is-family-secondary has-text-weight-bold"> <h1 class="title is-family-secondary has-text-weight-bold">
Welcome Welcome
</h1> </h1>

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

@ -12,43 +12,51 @@
</head> </head>
<body class="has-background-white-bis"> <body class="has-background-white-bis">
<div class="has-background-white"> <!-- Wrapper -->
<div class="container has-padding-5 has-padding-right-35 has-padding-left-35 has-padding-right-10-mobile has-padding-left-10-mobile has-text-right"> <div id="wrapper" class="has-text-centered-mobile">
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<div class="is-half-width-mobile is-inline-block-mobile-only">
<a class="navbar-item is-size-3 has-text-black has-text-weight-bold is-font-logo" href="/">
TinyForms
</a>
</div>
<div class="is-inline-block-mobile-only is-hidden-tablet is-half-width-mobile has-padding-right-10-mobile has-padding-top-15-mobile">
<% if !logged_in? -%>
<%= link_to "Login", login_url, { :class => "button is-primary"} %>
<% else -%>
<%= link_to "Logout", logout_url, { :class => "button is-light"} %>
<% end -%>
</div>
</div>
<div class="navbar-menu "> <!-- Hero -->
<div class="navbar-end"> <section class="hero is-medium">
<div class="navbar-item"> <div class="hero-head">
<div class="buttons"> <div class="container">
<% if !logged_in? -%> <nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<div class="is-half-width-mobile is-inline-block-mobile-only">
<a class="navbar-item is-size-3 has-text-black has-text-weight-bold is-font-logo" href="/">
TinyForms
</a>
</div>
<div
class="is-inline-block-mobile-only is-hidden-tablet is-half-width-mobile has-padding-right-10-mobile has-padding-top-15-mobile">
<% if !logged_in? -%>
<%= link_to "Login", login_url, { :class => "button is-primary"} %> <%= link_to "Login", login_url, { :class => "button is-primary"} %>
<% else -%> <% else -%>
<%= link_to "Logout", logout_url, { :class => "button is-light"} %> <%= link_to "Logout", logout_url, { :class => "button is-light"} %>
<% end -%> <% end -%>
</div> </div>
</div> </div>
</div>
<div class="navbar-menu ">
<div class="navbar-end">
<div class="navbar-item">
<div class="buttons">
<% if !logged_in? -%>
<%= link_to "Login", login_url, { :class => "button is-primary"} %>
<% else -%>
<%= link_to "Logout", logout_url, { :class => "button is-light"} %>
<% end -%>
</div>
</div>
</div>
</div>
</nav>
</div> </div>
</nav> </section>
</div>
<main>
<%= yield %>
</main>
</div> </div>
<main>
<%= yield %>
</main>
</body> </body>
</html> </html>