#2: Moved the quick-upload icon into the normal navbar as it caused the navbar to wrap on mobile devices

This commit is contained in:
Andy Heathershaw 2017-09-10 21:27:40 +01:00
parent 1af9f2658a
commit 3533c978a5
1 changed files with 8 additions and 5 deletions

View File

@ -1,16 +1,19 @@
<nav class="navbar navbar-expand-lg navbar-dark">
<a class="navbar-brand" href="{{ route('home') }}"><i class="fa fa-fw fa-photo"></i> {{ UserConfig::get('app_name') }}</a>
@can('photo.quick_upload')
<ul class="navbar-nav" style="min-width: 120px;">
<li class="nav-item"><a class="nav-link" href="#" data-toggle="modal" data-target="#quick-upload-modal"><i class="fa fa-plus"></i> @lang('navigation.navbar.quick_post')</a></li>
</ul>
@endcan
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-content" aria-controls="navbar-content" aria-expanded="false" aria-label="Toggle navigation">
<i class="fa fa-fw fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbar-content">
<ul class="navbar-nav mr-auto">
@can('photo.quick_upload')
<li class="nav-item">
<a class="nav-link" href="#" data-toggle="modal" data-target="#quick-upload-modal">
<i class="fa fa-plus"></i> @lang('navigation.navbar.quick_post')
</a>
</li>
@endcan
@if (count($albums) > 0)
<li class="nav-item dropdown ml-2">
<a class="nav-link dropdown-toggle" href="{{ url('/') }}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">