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

Adjust navbar sizing

Browse Source
This commit is contained in:
Yannick 2020-04-08 14:15:13 +02:00
parent 4550dc214e
commit ed105e88db
2 changed files with 13 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -13,6 +13,7 @@
*= require_tree .
*= require_self
*/
@import 'bulma-helpers/bulma-helpers';
@import "bulma/sass/utilities/initial-variables";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Lobster&family=Comfortaa:wght@400;500;600;700&display=swap');
@ -36,5 +37,4 @@ $family-secondary: 'Comfortaa', cursive;
body {
min-height: 100vh;
}
@import 'bulma-helpers/bulma-helpers'
}

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

@ -13,23 +13,24 @@
<body class="has-background-white-bis">
<div class="has-background-white">
<div class="container has-padding-5 has-padding-right-35 has-padding-left-35">
<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">
<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>
<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false"
data-target="navbarBasicExample">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</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 id="navbarBasicExample" class="navbar-menu">
<div class="navbar-menu ">
<div class="navbar-end">
<div class="navbar-item">
<div class="buttons">