Skip to content

Improve EmptyState visuals and fix VoiceInput lint errors #49

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
APPLEPIE6969 merged 1 commit into from
Mar 7, 2026
Merged

Improve EmptyState visuals and fix VoiceInput lint errors #49

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 0 additions & 5 deletions check-csp.ts
View file
Open in desktop

This file was deleted.

7 changes: 5 additions & 2 deletions components/EmptyState.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,15 +23,18 @@ export function EmptyState({
}: EmptyStateProps) {
return (
<div className={`flex flex-col items-center justify-center py-12 px-6 text-center animate-fade-in ${className}`}>
<div className="flex h-16 w-16 items-center justify-center rounded-2xl bg-primary/10 text-primary mb-4 animate-scale-in">
<div className="flex h-16 w-16 items-center justify-center rounded-2xl bg-primary/10 text-primary mb-4 animate-scale-in transition-transform hover:scale-110">
<span className="material-symbols-outlined text-3xl">{icon}</span>
</div>
<h3 className="text-lg font-bold text-slate-900 dark:text-white mb-2">
{title}
</h3>
<p className="text-sm text-slate-500 dark:text-[#a69db9] max-w-sm mb-6">
<p className="text-sm text-slate-500 dark:text-[#a69db9] max-w-sm mb-2">
{description}
</p>
<p className="mt-2 text-xs font-semibold text-primary uppercase tracking-widest mb-6">
Ready when you are!
</p>
{actionLabel && (
actionHref ? (
<Link
Expand Down
4 changes: 2 additions & 2 deletions components/VoiceInput.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -159,11 +159,11 @@ export function VoiceInput({ onAudioSend, disabled }: VoiceInputProps) {
<ul className="text-[11px] text-slate-500 dark:text-text-secondary space-y-2">
<li className="flex gap-2">
<span className="text-primary font-bold">1.</span>
<span>Click the **lock icon** 🔒 next to the URL and reset the Microphone permission to "Allow".</span>
<span>Click the **lock icon** 🔒 next to the URL and reset the Microphone permission to &quot;Allow&quot;.</span>
</li>
<li className="flex gap-2">
<span className="text-primary font-bold">2.</span>
<span>Check **Windows Settings &gt; Privacy &gt; Microphone** and ensure "Allow apps to access your microphone" is ON.</span>
<span>Check **Windows Settings &gt; Privacy &gt; Microphone** and ensure &quot;Allow apps to access your microphone&quot; is ON.</span>
</li>
<li className="flex gap-2">
<span className="text-primary font-bold">3.</span>
Expand Down