diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Content.tsx | 14 | ||||
| -rw-r--r-- | src/components/StatusDisplay.tsx | 21 |
2 files changed, 24 insertions, 11 deletions
diff --git a/src/components/Content.tsx b/src/components/Content.tsx index c7c52a5..39de01b 100644 --- a/src/components/Content.tsx +++ b/src/components/Content.tsx @@ -81,13 +81,6 @@ export function Content() { return ( <PanelSection> - <StatusDisplay - dllDetected={dllDetected} - dllDetectionStatus={dllDetectionStatus} - isInstalled={isInstalled} - installationStatus={installationStatus} - /> - <InstallationButton isInstalled={isInstalled} isInstalling={isInstalling} @@ -96,6 +89,13 @@ export function Content() { onUninstall={onUninstall} /> + <StatusDisplay + dllDetected={dllDetected} + dllDetectionStatus={dllDetectionStatus} + isInstalled={isInstalled} + installationStatus={installationStatus} + /> + {/* Configuration Section - only show if installed */} {isInstalled && ( <ConfigurationSection diff --git a/src/components/StatusDisplay.tsx b/src/components/StatusDisplay.tsx index 8eecd42..3a48a15 100644 --- a/src/components/StatusDisplay.tsx +++ b/src/components/StatusDisplay.tsx @@ -19,18 +19,31 @@ export function StatusDisplay({ <div style={{ color: dllDetected ? "#4CAF50" : "#F44336", - fontWeight: "bold", - marginBottom: "4px" + fontWeight: "600", + marginBottom: "6px", + display: "flex", + alignItems: "center", + gap: "6px" }} > + <span style={{ fontSize: "16px" }}> + {dllDetected ? "✅" : "❌"} + </span> {dllDetectionStatus} </div> <div style={{ - color: isInstalled ? "#4CAF50" : "#FF9800" + color: isInstalled ? "#4CAF50" : "#FF9800", + fontWeight: "600", + display: "flex", + alignItems: "center", + gap: "6px" }} > - Status: {installationStatus} + <span style={{ fontSize: "16px" }}> + {isInstalled ? "✅" : "❌"} + </span> + {installationStatus} </div> </div> </PanelSectionRow> |
