FEATURE: style menu

This commit adds some markup to sidebars in admin.
This commit is contained in:
Michal Kváček
2016-01-24 16:55:23 +01:00
parent 8a91a95a67
commit 5d7e535239
14 changed files with 228 additions and 99 deletions
+22 -10
View File
@@ -5,7 +5,7 @@
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@yield('head_meta')
<title>@yield('pageName') {{$vendorName}}</title>
<title>@yield('pageName', @trans('admin/common.admin')) | {{$vendorName}}</title>
<link rel="stylesheet" href="{{asset('../resources/assets/css/foundation.min.css')}}" />
<link rel="stylesheet" href="{{asset('../resources/assets/css/font-awesome.min.css')}}" />
<link rel="stylesheet" href="{{asset('../resources/assets/css/admin.css')}}" />
@@ -16,30 +16,38 @@
<div id="container">
<header class="row">
<section class="logo columns large-2">
...
<section class="logo columns small-1 medium-3 large-2">
</section>
<section class="heading columns large-8">
<h1>{{$vendorName}}</h1>
<section class="heading columns small-10 medium-8 large-8">
</section>
<section class="profile columns large-2">
{!! Menu::render('profileMenu') !!}
<section class="profile columns small-10 medium-1 large-2">
<ul class="vertical dropdown menu" data-dropdown-menu>
<li>
<a href="#">
<img src="{{Auth::user()->gravatar(25)}}" alt="" />
{{Auth::user()->getAttribute('name')}}
</a>
{!! Menu::render('profileMenu', 'foundation-dropdown-initialized') !!}
</li>
</ul>
</section>
</header>
<div class="row">
<section class="sidebar large-2 columns">
{!! Menu::render('mainMenu', 'foundation') !!}
{!! Menu::render('mainMenu', 'foundation-drilldown') !!}
</section>
<section class="content large-10 columns">
<section class="content small-11 medium-9 large-10 columns">
@yield('content')
</section>
</div>
<footer>
<footer class="row text-center">
&copy; {{$vendorName}} {{date('Y')}}
</footer>
</div>
@@ -49,5 +57,9 @@
@yield('javascripts')
<script type="application/javascript">
$ (document).foundation ();
</script>
</body>
</html>