mirror of
https://github.com/BerriAI/litellm.git
synced 2026-10-04 02:31:27 +00:00
feat(ui): view_logs/SpendLogsSettingsModal Input to shadcn
- antd Input \u2192 shadcn Input; antd Switch kept (Form valuePropName=' checked' binding). lucide Clock wrapped in absolute-positioned prefix since shadcn Input has no prefix prop. Gates: TS \u2713 | Build \u2713. Co-authored-by: yuneng-jiang <yuneng-berri@users.noreply.github.com>
This commit is contained in:
parent
0242b94395
commit
ab035087d3
1 changed files with 6 additions and 5 deletions
|
|
@ -14,7 +14,8 @@ import {
|
|||
} from "@/components/ui/dialog";
|
||||
import { Skeleton } from "@/components/ui/skeleton";
|
||||
import { Clock } from "lucide-react";
|
||||
import { Form, Input, Switch } from "antd";
|
||||
import { Input } from "@/components/ui/input";
|
||||
import { Form, Switch } from "antd";
|
||||
import React, { useEffect, useMemo } from "react";
|
||||
|
||||
interface SpendLogsSettingsModalProps {
|
||||
|
|
@ -166,10 +167,10 @@ const SpendLogsSettingsModal: React.FC<SpendLogsSettingsModalProps> = ({ isVisib
|
|||
{isLoadingConfig ? (
|
||||
<Skeleton className="h-6 w-full" />
|
||||
) : (
|
||||
<Input
|
||||
placeholder="e.g., 7d, 30d"
|
||||
prefix={<Clock className="h-3.5 w-3.5" />}
|
||||
/>
|
||||
<div className="relative">
|
||||
<Clock className="absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground pointer-events-none" />
|
||||
<Input placeholder="e.g., 7d, 30d" className="pl-8" />
|
||||
</div>
|
||||
)}
|
||||
</Form.Item>
|
||||
</Form>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue