scottk/talos
1
0
Fork 0
mirror of https://github.com/lingble/talos.git synced 2025-11-25 18:35:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

docs: various layout and responsiveness fixes

Browse Source 
- adjust ul margin to keep the bullets inside the content area
- fix a few docs page responsiveness problems on small screens
- adjust the layout of the logo relative to the docs sidebar
- clean up some vestigial CSS classes

Signed-off-by: Tim Gerla <tim@gerla.net>
This commit is contained in:
Tim Gerla
2019-10-31 13:18:32 -04:00
committed by Andrew Rynhard
parent dc3870453b
commit c3a0302f17
4 changed files with 26 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
docs/website/components/Header.vue
View File

@@ -1,24 +1,26 @@
<template>
<header id="header" class="flex flex-wrap">
<div class="flex items-center justify-start max-w-6xl mx-auto py-2">
<Logo></Logo>
</div>
<div class="flex items-center justify-end max-w-6xl mx-auto py-6">
<ul class="flex flex-wrap items-center justify-end">
<li class="link min-w-full md:min-w-0">
<a href="/docs/v0.3">
<span class="font-semibold mr-1">Documentation</span>
</a>
</li>
<li class="link min-w-full md:min-w-0">
<CommunityDropdown></CommunityDropdown>
</li>
<li class="link min-w-full md:min-w-0">
<a href="/faqs">
<span class="font-semibold mr-1">FAQs</span>
</a>
</li>
</ul>
<header id="header">
<div class="flex flex-wrap w-4/5 mx-auto">
<div class="flex py-2">
<Logo></Logo>
</div>
<div class="flex py-6 ml-auto">
<ul class="flex flex-wrap items-center justify-end">
<li class="link min-w-full md:min-w-0">
<a href="/docs/v0.3">
<span class="font-semibold mr-1">Documentation</span>
</a>
</li>
<li class="link min-w-full md:min-w-0">
<CommunityDropdown></CommunityDropdown>
</li>
<li class="link min-w-full md:min-w-0">
<a href="/faqs">
<span class="font-semibold mr-1">FAQs</span>
</a>
</li>
</ul>
</div>
</div>
</header>
</template>