david_bai
27375c1a4d
- Replace hardcoded Tailwind colors (bg-white, bg-gray-50/100, text-gray-, border-gray-, divide-gray-*, text-blue-600/800, bg-blue-50) with design tokens (bg-card, bg-muted, text-foreground, text-muted-foreground, border-
border, text-primary, hover:bg-accent, bg-primary/10).
- ClipboardApp: update RichTextEditor toolbar/editor, FileUploadHandler, ShareCard, FileListDisplay, SendTabPanel, RetrieveTabPanel, FileTransferButton.
- Blog UI: unify styles in list page, tag page, post page, ArticleListItem, and TableOfContents.
- MDX/prose: normalize pre/code/table/blockquote/lists and figure captions; switch rehype table divider to theme token.
- Misc: adjust HomeClient and HowItWorks copy colors to tokens.
- No functional changes; light mode parity; improved contrast and consistency in dark mode.
28 lines
841 B
TypeScript
28 lines
841 B
TypeScript
import React from "react";
|
|
import { SelectMenuProps } from "../types";
|
|
// Dropdown selection component
|
|
export const SelectMenu: React.FC<SelectMenuProps> = ({
|
|
options,
|
|
onChange,
|
|
icon: Icon,
|
|
placeholder,
|
|
className,
|
|
}) => (
|
|
<div className="relative inline-block">
|
|
<select
|
|
className={`appearance-none bg-transparent border border-border rounded p-1.5 pr-6 hover:bg-accent focus:outline-none ${className}`}
|
|
onChange={(e) => onChange(e.target.value)}
|
|
>
|
|
<option value="">{placeholder}</option>
|
|
{options.map((option) => (
|
|
<option key={option.value} value={option.value}>
|
|
{option.label}
|
|
</option>
|
|
))}
|
|
</select>
|
|
<div className="absolute right-1.5 top-1/2 transform -translate-y-1/2 pointer-events-none">
|
|
<Icon className="w-3.5 h-3.5" />
|
|
</div>
|
|
</div>
|
|
);
|