Tidy sidebar styling
This commit is contained in:
parent
6483a76192
commit
3a11057b74
|
@ -55,19 +55,19 @@
|
||||||
<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">
|
||||||
<div>
|
<div>
|
||||||
<ul class="list-reset">
|
<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">
|
<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>
|
<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>
|
<span class="hidden lg:block lg:ml-4">All</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</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">
|
<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>
|
<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>
|
<span class="hidden lg:block lg:ml-4">Starred</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</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">
|
<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>
|
<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>
|
<span class="hidden lg:block lg:ml-4">Recents</span>
|
||||||
|
|
|
@ -75,25 +75,25 @@
|
||||||
<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">
|
||||||
<div>
|
<div>
|
||||||
<ul class="list-reset">
|
<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">
|
<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>
|
<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>
|
<span class="hidden lg:block lg:ml-4">Environments</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</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">
|
<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>
|
<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>
|
<span class="hidden lg:block lg:ml-4">Product Keys</span>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</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">
|
<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>
|
<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>
|
<span class="hidden lg:block lg:ml-4">Security</span>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</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">
|
<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>
|
<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>
|
<span class="hidden lg:block lg:ml-4">Acquia Search</span>
|
||||||
|
|
Reference in a new issue