diff options
| author | xXJSONDeruloXx <danielhimebauch@gmail.com> | 2025-09-22 10:18:36 -0400 |
|---|---|---|
| committer | xXJSONDeruloXx <danielhimebauch@gmail.com> | 2025-09-22 10:18:36 -0400 |
| commit | 5a8e0457f1ceeed63af69a620000aaff986a1831 (patch) | |
| tree | ac29f2aed41e3e266b842e419d7eab898335ee39 /src | |
| parent | 427e3f7295f91c5c05cbc15be2ed0a2d714ebdb0 (diff) | |
| download | decky-lsfg-vk-5a8e0457f1ceeed63af69a620000aaff986a1831.tar.gz decky-lsfg-vk-5a8e0457f1ceeed63af69a620000aaff986a1831.zip | |
feat: add picture example for flatpak shortcut hookingv0.11.0
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/FlatpaksModal.tsx | 15 |
1 files changed, 15 insertions, 0 deletions
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> |