zoriya/v10
1
0
Fork 0
mirror of https://github.com/zoriya/v10.git synced 2026-08-16 02:45:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(site): reorganize SVG assets into assets/icons and assets/logos (#1138)

Browse Source 
Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Darius Cepulis
2026-03-27 16:52:14 -05:00
committed by GitHub
co-authored by Claude Opus 4.6
parent a96aad7558
commit 7658c998ac
52 changed files with 156 additions and 340 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/components/NavBar/MobileNav.tsx
+11 -2
View File
@@ -1,8 +1,8 @@
import { Dialog } from '@base-ui/react/dialog';
import clsx from 'clsx';
import { ArrowUpRight } from 'lucide-react';
import Logo from '@/assets/logos/videojs.svg?react';
import { DISCORD_INVITE_URL, GITHUB_REPO_URL } from '@/consts';
import Logo from '../icons/logo.svg?react';
import GetStartedLink from './GetStartedLink';
interface NavLink {
@@ -49,7 +49,16 @@ export default function MobileNav({ navLinks, currentPath, children }: MobileNav
{/* Header with close button */}
<div className={clsx('flex justify-between items-center px-5 py-7')}>
<Dialog.Title className="sr-only">Navigation</Dialog.Title>
<Logo width="10rem" />
<a href="/" className="flex h-7 items-center gap-3 lg:gap-4 lg:h-10">
<Logo height="100%" />
<span className="sr-only">Video.js video player</span>
<span
className="hidden h-full items-center justify-center rounded-full border border-orange px-3 font-display text-(length:--text) font-bold text-orange sm:inline-flex lg:border-2 lg:px-4 lg:text-h4"
style={{ '--text': '0.75rem' } as React.CSSProperties}
>
v10 <span className="whitespace-pre uppercase"> beta</span>
</span>
</a>
<Dialog.Close
className={clsx(
'inline-flex items-stretch p-0.75 border-2 border-faded-black dark:border-manila-light rounded-xs'
site/src/components/NavBar/NavBar.astro
+11 -9
View File
@@ -1,9 +1,9 @@
---
import clsx from 'clsx';
import { ArrowUpRight } from 'lucide-react';
import Discord from '@/components/icons/discord.svg?react';
import GitHub from '@/components/icons/github.svg?react';
import Logo from '@/components/icons/logo.svg?react';
import Discord from '@/assets/logos/discord.svg?react';
import GitHub from '@/assets/logos/github.svg?react';
import Logo from '@/assets/logos/videojs.svg?react';
import { DISCORD_INVITE_URL, GITHUB_REPO_URL } from '@/consts';
import Search from '../Search';
import GetStartedLink from './GetStartedLink';
@@ -38,12 +38,14 @@ const { class: className, dark = false } = Astro.props;
className,
]}
>
<a
href="/"
class="flex w-40 items-center lg:w-56"
aria-label="Video.js v10 home"
>
<Logo width="100%" />
<a href="/" class="flex h-7 items-center gap-3 lg:h-10 lg:gap-4">
<Logo height="100%" />
<span class="sr-only">Video.js video player</span>
<span
class="hidden h-full items-center justify-center rounded-full border border-orange px-3 font-display text-(length:--text) font-bold text-orange sm:inline-flex lg:border-2 lg:px-4 lg:text-h4"
style={{ "--text": "0.75rem" }}
>v10 <span class="whitespace-pre uppercase">beta</span></span
>
</a>
<Search client:load className="mr-4 ml-auto sm:self-center" />
{/* Desktop nav links */}
site/src/components/NavBar/NavBarDocs.astro
+15 -7
View File
@@ -1,9 +1,9 @@
---
import clsx from 'clsx';
import { ArrowUpRight } from 'lucide-react';
import Discord from '@/components/icons/discord.svg?react';
import GitHub from '@/components/icons/github.svg?react';
import LogoDocs from '@/components/icons/logo-docs.svg?react';
import Discord from '@/assets/logos/discord.svg?react';
import GitHub from '@/assets/logos/github.svg?react';
import Logo from '@/assets/logos/videojs.svg?react';
import Search from '@/components/Search';
import { DISCORD_INVITE_URL, GITHUB_REPO_URL } from '@/consts';
import GetStartedLink from './GetStartedLink';
@@ -37,10 +37,18 @@ const { class: className } = Astro.props;
]}
style="height:var(--nav-h)"
>
<a href="/" class="flex items-center" aria-label="Video.js v10 home">
<div class="relative w-40 md:w-49.5">
<LogoDocs width="100%" />
</div>
<a href="/" class="flex h-5 items-center gap-2 sm:h-6 sm:gap-3">
<Logo height="100%" />
<span class="sr-only">Video.js video player</span>
<span
class="inline-flex h-full items-center justify-center rounded-full border border-orange px-2 font-display-compact text-(length:--text) font-bold text-orange sm:px-3 sm:font-display"
style={{
"--text": "0.75rem",
} as React.CSSProperties}
>
<span>v10</span>
<span class="hidden whitespace-pre uppercase sm:inline"> beta</span>
</span>
</a>
<Search client:load className="mr-4 ml-auto sm:self-center" />
{/* Desktop nav links */}