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/StatusDisplay.tsx | |
| parent | 3f7dd8ce0a0f11f894332a3b4351ecd7a9abd141 (diff) | |
| download | decky-lsfg-vk-ea6185179fb6d8eedaf90236baf8b7779a9da716.tar.gz decky-lsfg-vk-ea6185179fb6d8eedaf90236baf8b7779a9da716.zip | |
better install status ui
Diffstat (limited to 'src/components/StatusDisplay.tsx')
| -rw-r--r-- | src/components/StatusDisplay.tsx | 21 |
1 files changed, 17 insertions, 4 deletions
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> |