avior/avior.me
1
0
Fork 0
generated from avior/template-web-astro
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix: bugs

Browse Source 
Signed-off-by: Florian Bouillon <f.bouillon@aptatio.com>
This commit is contained in:
Florian Bouillon 2023-10-02 12:31:38 +02:00
parent b09a396eca
commit fb97ea4a9d
2 changed files with 5 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/global/Breadcrumb.astro
View File

@ -8,14 +8,14 @@ interface Props {
--- ---
<nav> <nav>
<ol vocab="https://schema.org/" typeof="BreadcrumbList"> <ol vocab="https://schema.org/" typeof="BreadcrumbList" class="inline-flex items-center flex-wrap px-0 mb-4">
{Astro.props.items.map((el, index) => ( {Astro.props.items.map((el, index) => (
<li property="itemListElement" typeof="ListItem"> <li property="itemListElement" typeof="ListItem" class="inline-block px-0">
{index > 0 && ( {index > 0 && (
<span class="text-slate-900 dark:text-slate-100 mx-4">/</span> <span class="text-slate-900 dark:text-slate-100 mx-4">/</span>
)} )}
{el.href ? ( {el.href ? (
<a class="text-slate-900 dark:text-slate-100" href={el.href} property="item" typeof="WebPage"> <a class="text-slate-900 dark:text-slate-100 font-normal" href={el.href} property="item" typeof="WebPage">
<span property="name">{el.text}</span> <span property="name">{el.text}</span>
</a> </a>
) : ( ) : (
@ -26,15 +26,3 @@ interface Props {
))} ))}
</ol> </ol>
</nav> </nav>
<style>
ol {
@apply inline-flex items-center flex-wrap px-0 mb-4
}
li {
@apply inline-block px-0
}
a {
@apply font-normal
}
</style>

9
src/components/global/Header.astro
View File

@ -4,15 +4,10 @@ import LogoDark from 'assets/logo.dark.svg'
import { Image } from 'astro:assets' import { Image } from 'astro:assets'
--- ---
<header class="bg-white/1 flex justify-center sm:justify-normal"> <header class="bg-white/1 z-10 justify-center sm:justify-normal transition-opacity
fixed w-full h-20 flex items-center border-b border-slate-900/10 backdrop-blur-md">
<a href="/"> <a href="/">
<Image src={Logo} alt="Avior.me Logo" class="h-9 dark:hidden" /> <Image src={Logo} alt="Avior.me Logo" class="h-9 dark:hidden" />
<Image src={LogoDark} alt="Avior.me Logo" class="h-9 hidden dark:block" /> <Image src={LogoDark} alt="Avior.me Logo" class="h-9 hidden dark:block" />
</a> </a>
</header> </header>
<style>
header {
@apply transition-opacity fixed w-full h-20 flex items-center border-b border-slate-900/10 backdrop-blur-md
}
</style>