diff options
| -rw-r--r-- | assets/flatpak-target.png | bin | 0 -> 78195 bytes | |||
| -rw-r--r-- | src/components/FlatpaksModal.tsx | 15 |
2 files changed, 15 insertions, 0 deletions
diff --git a/assets/flatpak-target.png b/assets/flatpak-target.png Binary files differnew file mode 100644 index 0000000..773e567 --- /dev/null +++ b/assets/flatpak-target.png diff --git a/src/components/FlatpaksModal.tsx b/src/components/FlatpaksModal.tsx index 963aaf9..bd81013 100644 --- a/src/components/FlatpaksModal.tsx +++ b/src/components/FlatpaksModal.tsx @@ -15,6 +15,7 @@ import { ConfirmModal } from '@decky/ui'; import { FaCheck, FaTimes, FaDownload, FaTrash, FaCog } from 'react-icons/fa'; +import flatpakTargetImage from '../../assets/flatpak-target.png'; import { checkFlatpakExtensionStatus, installFlatpakExtension, @@ -344,6 +345,20 @@ const FlatpaksModal: FC<FlatpaksModalProps> = ({ closeModal }) => { }}> ~/lsfg "usr/bin/flatpak" </div> + + {/* Visual example image */} + <div style={{ marginTop: '16px', textAlign: 'center' }}> + <img + src={flatpakTargetImage} + alt="Steam Properties Target Field Example" + style={{ + maxWidth: '100%', + height: 'auto', + border: '1px solid rgba(255, 255, 255, 0.2)', + borderRadius: '4px' + }} + /> + </div> </div> </Focusable> </DialogControlsSection> |
