From 3a11057b74e53ff8b254274dd0757357a6a8f8d7 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Mon, 24 Dec 2018 13:14:43 +0000
Subject: [PATCH] Tidy sidebar styling
---
src/views/Applications.vue | 6 +++---
src/views/Environments.vue | 8 ++++----
2 files changed, 7 insertions(+), 7 deletions(-)
diff --git a/src/views/Applications.vue b/src/views/Applications.vue
index 9ed9fc4..be635eb 100644
--- a/src/views/Applications.vue
+++ b/src/views/Applications.vue
@@ -55,19 +55,19 @@
<div class="w-auto lg:w-64 bg-grey-darkest text-white antialiased">
<div>
<ul class="list-reset">
- <li class="border-r-6 border-b border-grey-darker">
+ <li>
<a href="#0" class="flex items-center text-white no-underline hover:underline focus:underline border-l-6 border-blue px-4 py-5 bg-grey-darker">
<svg class="h-6 w-6 text-white fill-current" role="presentation"><use xlink:href="/img/icons.symbol.svg#alpha__grid"></use></svg>
<span class="hidden lg:block lg:ml-4">All</span>
</a>
</li>
- <li class="border-r-6 border-b border-grey-darker">
+ <li>
<a href="#0" class="flex items-center text-white no-underline hover:underline focus:underline border-l-6 border-transparent px-4 py-5">
<svg class="h-6 w-6 text-white fill-current" role="presentation"><use xlink:href="/img/icons.symbol.svg#state__starred"></use></svg>
<span class="hidden lg:block lg:ml-4">Starred</span>
</a>
</li>
- <li class="border-r-6 border-b border-grey-darker">
+ <li>
<a href="#0" class="flex items-center text-white no-underline hover:underline focus:underline border-l-6 border-transparent px-4 py-5">
<svg class="h-6 w-6 text-white fill-current" role="presentation"><use xlink:href="/img/icons.symbol.svg#objects__recent"></use></svg>
<span class="hidden lg:block lg:ml-4">Recents</span>
diff --git a/src/views/Environments.vue b/src/views/Environments.vue
index 7c10635..3ffde01 100644
--- a/src/views/Environments.vue
+++ b/src/views/Environments.vue
@@ -75,25 +75,25 @@
<div class="w-auto lg:w-64 bg-grey-darkest text-white antialiased">
<div>
<ul class="list-reset">
- <li class="border-r-6 border-b border-grey-darker">
+ <li>
<a href="#0" class="flex items-center text-white no-underline hover:underline focus:underline border-l-6 border-blue px-4 py-5 bg-grey-darker">
<svg class="h-6 w-6 text-white fill-current" role="presentation"><use xlink:href="/img/icons.symbol.svg#alpha__grid"></use></svg>
<span class="hidden lg:block lg:ml-4">Environments</span>
</a>
</li>
- <li class="border-r-6 border-grey-darkest hover:border-grey-darker">
+ <li>
<div class="flex items-center text-grey no-underline hover:underline focus:underline border-l-6 border-transparent px-4 py-5 cursor-not-allowed hover:bg-grey-darker">
<svg class="h-6 w-6 text-grey fill-current" role="presentation"><use xlink:href="/img/icons.symbol.svg#locations__keys"></use></svg>
<span class="hidden lg:block lg:ml-4">Product Keys</span>
</div>
</li>
- <li class="border-r-6 border-grey-darkest hover:border-grey-darker">
+ <li>
<div class="flex items-center text-grey no-underline hover:underline focus:underline border-l-6 border-transparent px-4 py-5 cursor-not-allowed hover:bg-grey-darker">
<svg class="h-6 w-6 text-grey fill-current" role="presentation"><use xlink:href="/img/icons.symbol.svg#alpha__security"></use></svg>
<span class="hidden lg:block lg:ml-4">Security</span>
</div>
</li>
- <li class="border-r-6 border-grey-darkest hover:border-grey-darker">
+ <li>
<a href="#0" class="flex items-center text-white no-underline hover:underline focus:underline border-l-6 border-transparent px-4 py-5 hover:bg-grey-darker">
<svg class="h-6 w-6 text-white fill-current" role="presentation"><use xlink:href="/img/icons.symbol.svg#actions__search"></use></svg>
<span class="hidden lg:block lg:ml-4">Acquia Search</span>