Fixed header and sidebar

This commit is contained in:
Oliver Davies 2018-12-25 23:20:12 +00:00
parent fb739b336a
commit f4a4ec8131
5 changed files with 103 additions and 89 deletions

View file

@ -7,8 +7,8 @@
<div class="flex flex-col flex-1">
<nav class="border-t-2 border-transparent flex justify-end md:justify-start">
<a href="#0" class="inline-block text-xs sm:text-sm border-b-4 border-blue-dark mx-2 px-4 py-4 md:py-5 text-blue-dark uppercase no-underline hover:underline focus:underline">Develop</a>
<a href="#0" class="inline-block text-xs sm:text-sm border-b-4 border-transparent mx-2 px-4 py-4 md:py-5 text-blue-dark uppercase no-underline hover:underline focus:underline">Manage</a>
<a href="#0" class="inline-block text-sm border-b-4 border-blue-dark mx-2 px-4 py-4 md:py-5 text-blue-dark uppercase no-underline hover:underline focus:underline">Develop</a>
<a href="#0" class="inline-block text-sm border-b-4 border-transparent mx-2 px-4 py-4 md:py-5 text-blue-dark uppercase no-underline hover:underline focus:underline">Manage</a>
</nav>
</div>

View file

@ -1,5 +1,5 @@
<template>
<div class="w-auto lg:w-64 bg-grey-darkest text-white antialiased">
<div class="w-auto lg:w-64 bg-grey-darkest text-white antialiased fixed pin-l h-full">
<div>
<ul class="list-reset">
<li v-for="link in links" :key="link.title">