diff options
| author | xXJSONDeruloXx <danielhimebauch@gmail.com> | 2025-07-15 22:01:48 -0400 |
|---|---|---|
| committer | xXJSONDeruloXx <danielhimebauch@gmail.com> | 2025-07-15 22:01:48 -0400 |
| commit | ea6185179fb6d8eedaf90236baf8b7779a9da716 (patch) | |
| tree | a1e3aaf2bd4f783cb1e6bcc5224a1d30cc9c79f2 /src/components | |
| parent | 3f7dd8ce0a0f11f894332a3b4351ecd7a9abd141 (diff) | |
| download | decky-lsfg-vk-ea6185179fb6d8eedaf90236baf8b7779a9da716.tar.gz decky-lsfg-vk-ea6185179fb6d8eedaf90236baf8b7779a9da716.zip | |
better install status ui
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> |