feat(ui): enhance loading spinner and update command configuration

- Increase rotating symbol size to 1.5rem for better visibility
- Remove inline size classes in favor of CSS-based sizing
- Add 'claude' command capability alongside 'claude-code' sidecar
- Remove deprecated externalBin configuration from tauri.conf.json
- Standardize rotating symbol styling across components

This improves the visual feedback for loading states and cleans up
the command execution configuration for better flexibility.
This commit is contained in:
Mufeed VH
2025-07-04 17:58:52 +05:30
parent 55220ab1f3
commit 6ab32ea20f
5 changed files with 15 additions and 11 deletions

View File

@@ -102,7 +102,7 @@
.rotating-symbol {
display: inline-block;
color: #d97757;
font-size: inherit;
font-size: 1.5rem; /* Make it bigger! */
margin-right: 0.5rem;
font-weight: bold;
vertical-align: text-bottom;

View File

@@ -879,7 +879,7 @@ export const ClaudeCodeSession: React.FC<ClaudeCodeSessionProps> = ({
animate={{ opacity: 1 }}
className="flex items-center justify-center py-4 mb-40"
>
<div className="rotating-symbol text-primary text-2xl" />
<div className="rotating-symbol text-primary" />
</motion.div>
)}
@@ -1113,7 +1113,7 @@ export const ClaudeCodeSession: React.FC<ClaudeCodeSessionProps> = ({
{isLoading && messages.length === 0 && (
<div className="flex items-center justify-center h-full">
<div className="flex items-center gap-3">
<div className="rotating-symbol text-primary text-2xl" />
<div className="rotating-symbol text-primary" />
<span className="text-sm text-muted-foreground">
{session ? "Loading session history..." : "Initializing Claude Code..."}
</span>

View File

@@ -446,6 +446,7 @@ button:focus-visible,
line-height: 1;
animation: fade-in 0.2s ease-out;
font-weight: normal;
font-size: 1.5rem; /* Make it bigger! */
}
.rotating-symbol::before {
@@ -458,11 +459,7 @@ button:focus-visible,
transform-origin: center;
}
/* Make the rotating symbol more prominent at larger sizes */
.rotating-symbol.text-xl::before,
.rotating-symbol.text-2xl::before {
font-weight: 900;
}
/* Removed special font-weight for larger sizes to maintain consistency */
/* Shimmer hover effect */
@keyframes shimmer {