feat: Enhance UI with system theme, refined headers, and new layout

- layout: Auto-detect system theme on first visit
- header: Refined layout (centered, uppercase subtitle, inline help)
- categories: Compact 'Soft Pill' design with improved focus state
- data: Reorganized Zellij to CLI Tools
- lint: Fixed various linting issues
This commit is contained in:
N1C4T
2026-01-06 03:03:48 +04:00
parent 94e9f6b598
commit 07773ed42e
16 changed files with 256 additions and 317 deletions

View File

@@ -16,7 +16,6 @@ interface AurFloatingCardProps {
export function AurFloatingCard({
show,
aurAppNames,
hasYayInstalled,
setHasYayInstalled,
selectedHelper,
setSelectedHelper,
@@ -34,6 +33,7 @@ export function AurFloatingCard({
// Reset when new AUR packages appear, BUT ONLY if user hasn't interacted yet
useEffect(() => {
if (show && aurAppNames.length > 0 && !userInteractedRef.current) {
// eslint-disable-next-line react-hooks/set-state-in-effect
setDismissed(false);
setIsExiting(false);
setShowConfirmation(false);
@@ -72,10 +72,6 @@ export function AurFloatingCard({
}, 200);
};
const handleConfirmationDismiss = () => {
setDismissed(true);
};
// Show confirmation message after selecting helper, auto-dismiss after 3s
if (showConfirmation) {
// Auto dismiss after 3 seconds