This repository has been archived on 2025-12-24. You can view files and clone it, but cannot push or open issues or pull requests.
astro-shopify/src/layouts/components/Logo.astro
2025-01-12 19:20:36 +01:00

64 lines
1.6 KiB
Plaintext

---
import config from "@/config/config.json";
import ImageMod from "./ImageMod.astro";
const { src, srcDarkmode }: { src?: string; srcDarkmode?: string } =
Astro.props;
const {
logo,
logo_darkmode,
logo_width,
logo_height,
logo_text,
title,
}: {
logo: string;
logo_darkmode: string;
logo_width: any;
logo_height: any;
logo_text: string;
title: string;
} = config.site;
const { theme_switcher }: { theme_switcher: boolean } = config.settings;
---
<a href="/" class="navbar-brand inline-block">
{
src || srcDarkmode || logo || logo_darkmode ? (
<>
<ImageMod
src={src ? src : logo}
class={`inline-block ${theme_switcher && "dark:hidden"}`}
width={logo_width.replace("px", "") * 2}
height={logo_height.replace("px", "") * 2}
alt={title}
style={{
height: logo_height.replace("px", "") + "px",
width: logo_width.replace("px", "") + "px",
}}
format="webp"
/>
{theme_switcher && (
<ImageMod
src={srcDarkmode ? srcDarkmode : logo_darkmode}
class={"hidden dark:inline-block"}
width={logo_width.replace("px", "") * 2}
height={logo_height.replace("px", "") * 2}
alt={title}
style={{
height: logo_height.replace("px", "") + "px",
width: logo_width.replace("px", "") + "px",
}}
format="webp"
/>
)}
</>
) : logo_text ? (
logo_text
) : (
title
)
}
</a>