mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-07-18 18:46:19 +08:00
feat: improve admin panel design (#14464)
This commit is contained in:
@@ -66,21 +66,21 @@ export function EditPrompt({
|
||||
<div className="px-5 py-4 overflow-y-auto space-y-[10px] flex flex-col gap-5">
|
||||
<div className="flex flex-col">
|
||||
<div className="text-sm font-medium">Name</div>
|
||||
<div className="text-sm font-normal text-zinc-500">
|
||||
<div className="text-sm font-normal text-muted-foreground">
|
||||
{item.name}
|
||||
</div>
|
||||
</div>
|
||||
{item.action ? (
|
||||
<div className="flex flex-col">
|
||||
<div className="text-sm font-medium">Action</div>
|
||||
<div className="text-sm font-normal text-zinc-500">
|
||||
<div className="text-sm font-normal text-muted-foreground">
|
||||
{item.action}
|
||||
</div>
|
||||
</div>
|
||||
) : null}
|
||||
<div className="flex flex-col">
|
||||
<div className="text-sm font-medium">Model</div>
|
||||
<div className="text-sm font-normal text-zinc-500">
|
||||
<div className="text-sm font-normal text-muted-foreground">
|
||||
{item.model}
|
||||
</div>
|
||||
</div>
|
||||
@@ -91,7 +91,7 @@ export function EditPrompt({
|
||||
<div key={key} className="flex flex-col">
|
||||
{index !== 0 && <Separator />}
|
||||
<span className="text-sm font-normal">{key}</span>
|
||||
<span className="text-sm font-normal text-zinc-500">
|
||||
<span className="text-sm font-normal text-muted-foreground">
|
||||
{value?.toString()}
|
||||
</span>
|
||||
</div>
|
||||
@@ -106,7 +106,7 @@ export function EditPrompt({
|
||||
{index !== 0 && <Separator />}
|
||||
<div>
|
||||
<div className="text-sm font-normal">Role</div>
|
||||
<div className="text-sm font-normal text-zinc-500">
|
||||
<div className="text-sm font-normal text-muted-foreground">
|
||||
{message.role}
|
||||
</div>
|
||||
</div>
|
||||
@@ -120,7 +120,7 @@ export function EditPrompt({
|
||||
{index !== 0 && <Separator />}
|
||||
<span className="text-sm font-normal">{key}</span>
|
||||
<span
|
||||
className="text-sm font-normal text-zinc-500"
|
||||
className="text-sm font-normal text-muted-foreground"
|
||||
style={{ overflowWrap: 'break-word' }}
|
||||
>
|
||||
{value.toString()}
|
||||
|
||||
@@ -9,7 +9,7 @@ function AiPage() {
|
||||
const [enableAi, setEnableAi] = useState(false);
|
||||
|
||||
return (
|
||||
<div className="h-screen flex-1 flex-col flex">
|
||||
<div className="h-dvh flex-1 flex-col flex">
|
||||
<Header title="AI" />
|
||||
<ScrollAreaPrimitive.Root
|
||||
className={cn('relative overflow-hidden w-full')}
|
||||
@@ -19,7 +19,7 @@ function AiPage() {
|
||||
<div className="text-[20px]">AI</div>
|
||||
<div className="flex justify-between items-center">
|
||||
<div>
|
||||
<p className="text-[15px] font-medium mt-6">Enable AI</p>
|
||||
<p className="text-sm font-medium mt-6">Enable AI</p>
|
||||
<p className="text-sm text-muted-foreground mt-1">
|
||||
AI functionality is not currently supported. Self-hosted AI
|
||||
support is in progress.
|
||||
|
||||
@@ -58,7 +58,7 @@ export function Keys() {
|
||||
</div>
|
||||
</div>
|
||||
<Separator />
|
||||
<div className="px-5 space-y-3 text-sm font-normal text-gray-500">
|
||||
<div className="px-5 space-y-3 text-sm font-normal text-muted-foreground">
|
||||
Custom API keys may not perform as expected. AFFiNE does not
|
||||
guarantee results when using custom API keys.
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user