NikitolProject/miniperplx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix styling in loading states

Browse Source
This commit is contained in:
Suresh Chaudhary 2025-01-05 18:34:47 +05:30
parent c8acff752d
commit 13380b3346
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/page.tsx
View File

@ -2481,8 +2481,8 @@ Grok 2 models are now available for you to try out.
<div className="relative mt-4 px-0"> <div className="relative mt-4 px-0">
{/* Overlay with Loading Text */} {/* Overlay with Loading Text */}
<div className="absolute inset-0 z-10 flex items-center justify-center"> <div className="absolute inset-0 z-10 flex items-center justify-center">
<div className="backdrop-blur-sm bg-white/30 dark:bg-black/30 rounded-2xl px-6 py-3 shadow-lg"> <div className="backdrop-blur-sm bg-white/30 dark:bg-black/30 rounded-xl px-4 h-full py-3 shadow-lg">
<div className="flex items-center gap-2 text-sm font-medium text-neutral-600 dark:text-neutral-300"> <div className="flex items-center gap-2 text-sm font-medium text-neutral-600 h-full dark:text-neutral-300">
<Loader2 className="w-4 h-4 animate-spin" /> <Loader2 className="w-4 h-4 animate-spin" />
<span>Loading trending queries</span> <span>Loading trending queries</span>
</div> </div>
@ -2490,7 +2490,7 @@ Grok 2 models are now available for you to try out.
</div> </div>
{/* Background Cards */} {/* Background Cards */}
<div className="flex gap-2"> <div className="flex justify-between">
{[1, 2, 3].map((_, index) => ( {[1, 2, 3].map((_, index) => (
<div <div
key={index} key={index}

2
components/ui/form-component.tsx
View File

@ -770,7 +770,7 @@ const FormComponent: React.FC<FormComponentProps> = ({
</div> </div>
)} )}
<div className="relative"> <div className="relative rounded-lg bg-neutral-100 dark:bg-neutral-900">
<Textarea <Textarea
ref={inputRef} ref={inputRef}
placeholder={hasSubmitted ? "Ask a new question..." : "Ask a question..."} placeholder={hasSubmitted ? "Ask a new question..." : "Ask a question..."}