Add navigation to vue, improve responsiveness of the design

This commit is contained in:
Dane Everitt 2018-06-02 23:15:10 -07:00
parent be5a9108f9
commit ee9a34716d
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
9 changed files with 104 additions and 67 deletions

View file

@ -1,40 +1,8 @@
@extends('templates/wrapper')
@section('above-container')
<div class="nav">
<div class="logo">
Pterodactyl
</div>
<div class="menu">
<ul>
<li>
<a href="#">
<span>Your Servers</span>
</a>
</li>
<li>
<a href="#">
<span>Admin</span>
</a>
</li>
<li>
<a href="#">
<span>dane</span>
</a>
</li>
<li>
<a href="{{ route('auth.logout') }}">
<span>Logout</span>
</a>
</li>
</ul>
</div>
</div>
@endsection
@section('container')
<router-view></router-view>
<div class="w-full m-auto mt-0">
<div class="w-full m-auto mt-0 container">
<p class="text-right text-grey-dark text-xs">
{!! trans('strings.copyright', ['year' => date('Y')]) !!}
</p>

View file

@ -16,11 +16,13 @@
@include('layouts.scripts')
</head>
<body class="{{ $css['body'] ?? 'bg-grey-lighter' }}">
@yield('above-container')
<div class="container" id="pterodactyl">
@yield('container')
</div>
@yield('below-container')
@section('content')
@yield('above-container')
<div id="pterodactyl">
@yield('container')
</div>
@yield('below-container')
@show
@section('scripts')
{!! $asset->js('assets/scripts/bundle.js') !!}
@show