chore: format
This commit is contained in:
DIYgod
parent
9127b157c2
commit
5a90d145a0
|
|
@ -49,7 +49,7 @@ const ShortcutSuggestionItem = React.memo(
|
|||
return (
|
||||
<span
|
||||
key={`${shortcut.id}-${index}`}
|
||||
className={isMatch ? "font-semibold text-text-vibrant" : ""}
|
||||
className={isMatch ? "text-text-vibrant font-semibold" : ""}
|
||||
>
|
||||
{part}
|
||||
</span>
|
||||
|
|
@ -62,7 +62,7 @@ const ShortcutSuggestionItem = React.memo(
|
|||
return (
|
||||
<div
|
||||
className={cn(
|
||||
"relative flex cursor-menu select-none items-center rounded-[5px] px-2.5 py-1 outline-none",
|
||||
"cursor-menu relative flex select-none items-center rounded-[5px] px-2.5 py-1 outline-none",
|
||||
"focus-within:outline-transparent",
|
||||
"focus:bg-theme-selection-active focus:text-theme-selection-foreground data-[highlighted]:bg-theme-selection-hover data-[highlighted]:text-theme-selection-foreground",
|
||||
"h-[28px]",
|
||||
|
|
@ -73,8 +73,8 @@ const ShortcutSuggestionItem = React.memo(
|
|||
aria-selected={isSelected}
|
||||
{...props}
|
||||
>
|
||||
<span className="mr-1.5 inline-flex size-4 items-center justify-center text-blue">
|
||||
<span className="inline-flex size-4 items-center justify-center rounded-full bg-blue/10 text-xs font-semibold leading-none">
|
||||
<span className="text-blue mr-1.5 inline-flex size-4 items-center justify-center">
|
||||
<span className="bg-blue/10 inline-flex size-4 items-center justify-center rounded-full text-xs font-semibold leading-none">
|
||||
#
|
||||
</span>
|
||||
</span>
|
||||
|
|
|
|||
|
|
@ -97,7 +97,7 @@ function pickSuggestionKeys(previous?: readonly SuggestionKey[]): SuggestionKey[
|
|||
|
||||
export function AIChatPane() {
|
||||
return (
|
||||
<div className="flex h-full flex-col justify-between gap-8 overflow-hidden bg-background p-2 lg:col-span-6">
|
||||
<div className="bg-background flex h-full flex-col justify-between gap-8 overflow-hidden p-2 lg:col-span-6">
|
||||
<AIChatPaneImpl />
|
||||
</div>
|
||||
)
|
||||
|
|
@ -195,7 +195,7 @@ function Welcome({ onSuggestionClick }: WelcomeProps) {
|
|||
|
||||
<div className="space-y-3">
|
||||
<div className="flex flex-wrap items-center justify-between gap-2">
|
||||
<p className="text-xs font-medium uppercase text-text-secondary">
|
||||
<p className="text-text-secondary text-xs font-medium uppercase">
|
||||
{t.app("new_user_guide.ai_chat.you_can_say")}
|
||||
</p>
|
||||
<Button variant="ghost" size="sm" onClick={rerollSuggestions}>
|
||||
|
|
@ -212,7 +212,7 @@ function Welcome({ onSuggestionClick }: WelcomeProps) {
|
|||
key={suggestionKey}
|
||||
onClick={() => onClickSuggestion(suggestionText)}
|
||||
animationDelay={index * 0.05}
|
||||
className="font-normal text-text"
|
||||
className="text-text font-normal"
|
||||
style={{ background: gradient }}
|
||||
>
|
||||
{suggestionText}
|
||||
|
|
@ -503,7 +503,7 @@ function AIChatInterface({ inputRef }: AIChatInterfaceProps) {
|
|||
type="button"
|
||||
onClick={() => resetScrollState()}
|
||||
className={cn(
|
||||
"group center flex size-8 items-center gap-2 rounded-full border backdrop-blur-background transition-all bg-mix-background/transparent-8/2",
|
||||
"center backdrop-blur-background bg-mix-background/transparent-8/2 group flex size-8 items-center gap-2 rounded-full border transition-all",
|
||||
"border-border",
|
||||
"hover:border-border/60 active:scale-[0.98]",
|
||||
)}
|
||||
|
|
|
|||
|
|
@ -130,7 +130,7 @@ function FeedSelectionItem({ feedAtom }: { feedAtom: PrimitiveAtom<FeedSelection
|
|||
<TooltipTrigger asChild>
|
||||
<i
|
||||
onClick={onRemove}
|
||||
className="i-mingcute-minus-circle-fill absolute right-0 top-0 z-10 size-5 -translate-y-1/2 translate-x-1/2 cursor-pointer text-text-secondary transition-colors hover:text-text"
|
||||
className="i-mingcute-minus-circle-fill text-text-secondary hover:text-text absolute right-0 top-0 z-10 size-5 -translate-y-1/2 translate-x-1/2 cursor-pointer transition-colors"
|
||||
/>
|
||||
</TooltipTrigger>
|
||||
<TooltipContent>Remove</TooltipContent>
|
||||
|
|
@ -152,14 +152,14 @@ function FeedSelectionItem({ feedAtom }: { feedAtom: PrimitiveAtom<FeedSelection
|
|||
fallback
|
||||
/>
|
||||
<div className="flex flex-col gap-1">
|
||||
<p className="text-sm font-semibold text-text">{feed.title}</p>
|
||||
<p className="text-xs text-text-secondary">{feed.url}</p>
|
||||
<p className="text-text text-sm font-semibold">{feed.title}</p>
|
||||
<p className="text-text-secondary text-xs">{feed.url}</p>
|
||||
</div>
|
||||
</div>
|
||||
</CardHeader>
|
||||
|
||||
<CardContent>
|
||||
<CardDescription className="text-sm text-text-secondary">
|
||||
<CardDescription className="text-text-secondary text-sm">
|
||||
{feed.description}
|
||||
</CardDescription>
|
||||
|
||||
|
|
@ -179,7 +179,7 @@ function FeedSelectionFirstScreen() {
|
|||
|
||||
return (
|
||||
<m.div
|
||||
className="relative mr-4 h-full overflow-hidden rounded-3xl border border-zinc-200/50 bg-material-thin p-8 backdrop-blur-xl dark:border-zinc-800/50"
|
||||
className="bg-material-thin relative mr-4 h-full overflow-hidden rounded-3xl border border-zinc-200/50 p-8 backdrop-blur-xl dark:border-zinc-800/50"
|
||||
aria-hidden="true"
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
|
|
@ -222,7 +222,7 @@ function FeedSelectionFirstScreen() {
|
|||
transition={{ delay: 0.5, duration: 0.6, ease: "easeOut" }}
|
||||
className="mb-8 max-w-sm"
|
||||
>
|
||||
<p className="text-lg leading-relaxed text-text-secondary">
|
||||
<p className="text-text-secondary text-lg leading-relaxed">
|
||||
{t.app("new_user_guide.intro.description")}
|
||||
</p>
|
||||
</m.div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue