@smbcloud / pepakbasajawa-web
Code Commits Issues Pulls Cloud Agent CI/CD
dependabot/npm_and_yarn/tailwindcss-4.1.16
copilot/add-i18n-support-for-english dependabot/npm_and_yarn/astro-5.16.4 dependabot/npm_and_yarn/katex-0.16.27 dependabot/npm_and_yarn/prettier-3.7.4 dependabot/npm_and_yarn/tailwindcss-4.1.16 dependabot/npm_and_yarn/tailwindcss/vite-4.1.16 dependabot/npm_and_yarn/typescript-eslint-8.46.2 dependabot/npm_and_yarn/typescript-eslint/parser-8.46.2 development main
astro 67 lines 1.62 KB
Raw
1 ---
2 import { SITE } from '@/config'
3 import ThemeToggle from '@/components/ui/ThemeToggle.astro'
4 import { Image } from 'astro:assets'
5 ---
6
7 <header>
8 <nav>
9 <div class="logo-container">
10 {SITE.favicon && <img src="/favicon.svg" alt="favicon" class="favicon" />}
11 <a href="/">{SITE.title}</a>
12 </div>
13 <div class="header-right">
14 <div class="flex flex-col gap-2 md:flex-row">
15 <a href="https://apps.apple.com/se/app/pepak-basa-jawa-komplit/id6752241812">
16 <Image
17 src="/images/Download_on_the_App_Store_Badge_US-UK_RGB_blk_092917.svg"
18 alt="PBJ Komplit Apple AppStore page"
19 width="150"
20 height="50"
21 />
22 </a>
23 <a href="https://play.google.com/store/apps/details?id=com.theblangkon.pepakbasajawa">
24 <Image
25 src="/images/GetItOnGooglePlay_Badge_Web_color_English.png"
26 alt="PBJ Komplit Google PlayStore page"
27 width="150"
28 height="50"
29 />
30 </a>
31 </div>
32 <ThemeToggle />
33 </div>
34 </nav>
35 </header>
36 <style>
37 header {
38 margin: 0 0 1.75rem 0;
39 }
40 nav {
41 display: flex;
42 justify-content: space-between;
43 align-items: center;
44 }
45 header a {
46 font-weight: var(--font-weight-bold);
47 color: var(--text-primary);
48 text-decoration: none;
49 min-width: 3rem;
50 display: inline-block;
51 }
52 .logo-container {
53 position: relative;
54 }
55 .header-right {
56 display: flex;
57 align-items: center;
58 gap: 1rem;
59 }
60 .favicon {
61 position: absolute;
62 width: 1.125rem;
63 height: 1.125rem;
64 bottom: calc(100% + 3.5rem);
65 left: 0;
66 }
67 </style>