wording and layout tweaks (#125)v0.11.8

* wording and layout tweaks

* red in remove button

* reorganize frontend components

* fix ld preload permissions issue for decky 3.1.10

* bump ver

1 files changed, 30 insertions, 0 deletions

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>
+  );
+}