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_tree .
*= require_self *= require_self
*/ */
@import 'bulma-helpers/bulma-helpers';
@import "bulma/sass/utilities/initial-variables"; @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'); @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 { body {
min-height: 100vh; 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"> <body class="has-background-white-bis">
<div class="has-background-white"> <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"> <nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand"> <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="/"> <a class="navbar-item is-size-3 has-text-black has-text-weight-bold is-font-logo" href="/">
TinyForms TinyForms
</a> </a>
</div>
<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" <div class="is-inline-block-mobile-only is-hidden-tablet is-half-width-mobile has-padding-right-10-mobile has-padding-top-15-mobile">
data-target="navbarBasicExample"> <% if !logged_in? -%>
<span aria-hidden="true"></span> <%= link_to "Login", login_url, { :class => "button is-primary"} %>
<span aria-hidden="true"></span> <% else -%>
<span aria-hidden="true"></span> <%= link_to "Logout", logout_url, { :class => "button is-light"} %>
</a> <% end -%>
</div>
</div> </div>
<div id="navbarBasicExample" class="navbar-menu"> <div class="navbar-menu ">
<div class="navbar-end"> <div class="navbar-end">
<div class="navbar-item"> <div class="navbar-item">
<div class="buttons"> <div class="buttons">