mirror of
https://github.com/d0zingcat/BroadcastChannel.git
synced 2026-05-13 23:16:46 +00:00
6ec262d8cf
Replaces PostCSS-based styling with Tailwind CSS v4 via Vite plugin Converts all .js files to .ts with proper type annotations Adds comprehensive type definitions for Telegram data structures Extracts reusable UI components and standardizes class utilities Improves maintainability by eliminating custom CSS in favor of Tailwind utilities and design tokens Enhances type safety across Telegram parsing, env access, and API routes Centralizes agent guidelines in AGENTS.md following repository standards Upgrades iconography to astro-icon with Remix Icon integration Expands accessible HTML patterns including ARIA labels, semantic navigation, and keyboard interaction support Refactors static proxy logic into shared utility functions Consolidates modal and image preview markup for consistency
43 lines
1.3 KiB
Plaintext
43 lines
1.3 KiB
Plaintext
---
|
|
export interface Item {
|
|
href: string
|
|
label: string
|
|
title?: string
|
|
external?: boolean
|
|
}
|
|
|
|
const { title, items } = Astro.props as {
|
|
title: string
|
|
items: Item[]
|
|
}
|
|
|
|
const sectionTitleClass = 'm-0 px-[10px] text-[16px] font-semibold leading-none text-heading'
|
|
const tagCloudClass =
|
|
'mt-4 mb-0 list-none pl-0 leading-normal [column-count:1] [column-gap:20px] sm:[column-count:2] sm:[column-gap:40px] sm:[column-rule:1px_solid_var(--color-line)]'
|
|
const tagCloudItemClass = 'mb-2 block break-inside-avoid'
|
|
const tagLinkClass =
|
|
'inline-block rounded-[4px] border border-line px-[10px] py-0.5 text-muted no-underline hover:border-accent hover:text-accent hover:no-underline'
|
|
---
|
|
|
|
<section aria-labelledby={`${title.toLowerCase()}-title`}>
|
|
<h1 id={`${title.toLowerCase()}-title`} class={sectionTitleClass}>{title}</h1>
|
|
|
|
<ul class={tagCloudClass} role="list">
|
|
{
|
|
items.map((item) => (
|
|
<li class={tagCloudItemClass}>
|
|
<a
|
|
href={item.href}
|
|
class={tagLinkClass}
|
|
title={item.title ?? item.label}
|
|
target={item.external ? '_blank' : undefined}
|
|
rel={item.external ? 'noopener noreferrer' : undefined}
|
|
>
|
|
{item.label}
|
|
</a>
|
|
</li>
|
|
))
|
|
}
|
|
</ul>
|
|
</section>
|