mirror of
https://github.com/siderolabs/talos.git
synced 2025-08-18 21:21:10 +02:00
98e8a69193
This brings the v0.4 docs out of pre-release status, and updates links to point to v0.4 docs by default. Signed-off-by: Andrew Rynhard <andrew@andrewrynhard.com>
82 lines
1.7 KiB
Vue
82 lines
1.7 KiB
Vue
<template>
|
|
<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="header-menu">
|
|
<li>
|
|
<a href="/docs/v0.4">
|
|
<span class="font-semibold mr-1">Documentation</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<ProjectDropdown></ProjectDropdown>
|
|
</li>
|
|
<li class="">
|
|
<CommunityDropdown></CommunityDropdown>
|
|
</li>
|
|
<li class="invisible lg:visible"><span class="divider"></span></li>
|
|
<li>
|
|
<EnterpriseLink />
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
</template>
|
|
|
|
<script>
|
|
import Logo from '~/components/Logo.vue'
|
|
import ProjectDropdown from '~/components/ProjectDropdown.vue'
|
|
import CommunityDropdown from '~/components/CommunityDropdown.vue'
|
|
import EnterpriseLink from '~/components/EnterpriseLink.vue'
|
|
|
|
export default {
|
|
name: 'Header',
|
|
components: {
|
|
Logo,
|
|
ProjectDropdown,
|
|
CommunityDropdown,
|
|
EnterpriseLink
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
ul.header-menu {
|
|
@apply flex flex-wrap items-center justify-end font-bold;
|
|
}
|
|
|
|
ul.header-menu li {
|
|
@apply min-w-full;
|
|
@screen md {
|
|
@apply min-w-0;
|
|
}
|
|
}
|
|
|
|
ul {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
}
|
|
|
|
li {
|
|
margin-left: 1.25rem;
|
|
border-bottom-width: 4px;
|
|
border-bottom-color: transparent;
|
|
}
|
|
|
|
/* this class doesn't do anything right now, but exists to match the style of the
|
|
corp site and for future expansion. */
|
|
li:hover {
|
|
border-bottom-width: 4px;
|
|
border-bottom-color: transparent;
|
|
}
|
|
|
|
.divider {
|
|
border-left-width: 4px;
|
|
border-left-color: ddd;
|
|
}
|
|
</style>
|