From 0b5e71fe916e92ef9ecf7de91ca43371c4bd6d25 Mon Sep 17 00:00:00 2001
From: Kurt Himebauch <136133082+xXJSONDeruloXx@users.noreply.github.com>
Date: Tue, 29 Jul 2025 07:53:45 -0700
Subject: wording and layout tweaks (#125)

* wording and layout tweaks

* red in remove button

* reorganize frontend components

* fix ld preload permissions issue for decky 3.1.10

* bump ver
---
 src/components/OptiScalerHeader.tsx | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 src/components/OptiScalerHeader.tsx

(limited to 'src/components/OptiScalerHeader.tsx')

diff --git a/src/components/OptiScalerHeader.tsx b/src/components/OptiScalerHeader.tsx
new file mode 100644
index 0000000..27dc501
--- /dev/null
+++ b/src/components/OptiScalerHeader.tsx
@@ -0,0 +1,30 @@
+import { PanelSectionRow } from "@decky/ui";
+import optiScalerImage from "../../assets/optiscaler.png";
+
+interface OptiScalerHeaderProps {
+  pathExists: boolean | null;
+}
+
+export function OptiScalerHeader({ pathExists }: OptiScalerHeaderProps) {
+  if (pathExists !== true) return null;
+
+  return (
+    <PanelSectionRow>
+      <div style={{ 
+        display: 'flex', 
+        justifyContent: 'center', 
+        marginBottom: '16px' 
+      }}>
+        <img 
+          src={optiScalerImage} 
+          alt="OptiScaler" 
+          style={{ 
+            maxWidth: '100%', 
+            height: 'auto',
+            borderRadius: '8px'
+          }} 
+        />
+      </div>
+    </PanelSectionRow>
+  );
+}
-- 
cgit v1.2.3

