summaryrefslogtreecommitdiff
path: root/frontend/src/components/settings
diff options
context:
space:
mode:
authorAAGaming <aagaming@riseup.net>2025-07-01 14:49:48 -0400
committerGitHub <noreply@github.com>2025-07-01 14:49:48 -0400
commit7b8a18d02d8e6b098f3399d015cf22dd04bc561c (patch)
tree7139a04320c70caaaea7a53b77e7b4ff1132ab1a /frontend/src/components/settings
parentf327c6c792cb6beb1f32f70045e577a542a48070 (diff)
parentcbea1518ed1e88fde34e40a16a0e9c20e954a9f5 (diff)
downloaddecky-loader-7b8a18d02d8e6b098f3399d015cf22dd04bc561c.tar.gz
decky-loader-7b8a18d02d8e6b098f3399d015cf22dd04bc561c.zip
Merge branch 'main' into aa/fix-updater-reload
Diffstat (limited to 'frontend/src/components/settings')
-rw-r--r--frontend/src/components/settings/pages/developer/index.tsx11
-rw-r--r--frontend/src/components/settings/pages/general/Updater.tsx48
2 files changed, 41 insertions, 18 deletions
diff --git a/frontend/src/components/settings/pages/developer/index.tsx b/frontend/src/components/settings/pages/developer/index.tsx
index 099f2610..05989806 100644
--- a/frontend/src/components/settings/pages/developer/index.tsx
+++ b/frontend/src/components/settings/pages/developer/index.tsx
@@ -72,7 +72,16 @@ export default function DeveloperSettings() {
}
icon={<FaLink style={{ display: 'block' }} />}
>
- <DialogButton disabled={pluginURL.length == 0} onClick={() => installFromURL(pluginURL)}>
+ <DialogButton
+ disabled={pluginURL.length == 0}
+ onClick={() => {
+ if (/^https?:\/\//.test(pluginURL)) {
+ installFromURL(pluginURL);
+ } else {
+ installFromURL('https://' + pluginURL);
+ }
+ }}
+ >
{t('SettingsDeveloperIndex.third_party_plugins.button_install')}
</DialogButton>
</Field>
diff --git a/frontend/src/components/settings/pages/general/Updater.tsx b/frontend/src/components/settings/pages/general/Updater.tsx
index 59756a57..3cd58ab6 100644
--- a/frontend/src/components/settings/pages/general/Updater.tsx
+++ b/frontend/src/components/settings/pages/general/Updater.tsx
@@ -1,14 +1,4 @@
-import {
- Carousel,
- DialogButton,
- Field,
- FocusRing,
- Focusable,
- ProgressBarWithInfo,
- Spinner,
- findSP,
- showModal,
-} from '@decky/ui';
+import { Carousel, DialogButton, Field, Focusable, ProgressBarWithInfo, Spinner, findSP, showModal } from '@decky/ui';
import { Suspense, lazy, useCallback, useEffect, useState } from 'react';
import { useTranslation } from 'react-i18next';
import { FaExclamation } from 'react-icons/fa';
@@ -23,9 +13,31 @@ const MarkdownRenderer = lazy(() => import('../../../Markdown'));
function PatchNotesModal({ versionInfo, closeModal }: { versionInfo: VerInfo | null; closeModal?: () => {} }) {
const SP = findSP();
const { t } = useTranslation();
+
return (
- <Focusable onCancelButton={closeModal}>
- <FocusRing>
+ <>
+ <style>
+ {`
+.steam-focus {
+ outline-offset: 3px;
+ outline: 2px solid rgba(255, 255, 255, 0.6);
+ animation: pulseOutline 1.2s infinite ease-in-out;
+}
+
+@keyframes pulseOutline {
+ 0% {
+ outline: 2px solid rgba(255, 255, 255, 0.6);
+ }
+ 50% {
+ outline: 2px solid rgba(255, 255, 255, 1);
+ }
+ 100% {
+ outline: 2px solid rgba(255, 255, 255, 0.6);
+ }
+}`}
+ </style>
+
+ <Focusable onCancelButton={closeModal}>
<Carousel
fnItemRenderer={(id: number) => (
<Focusable
@@ -35,7 +47,9 @@ function PatchNotesModal({ versionInfo, closeModal }: { versionInfo: VerInfo | n
overflowY: 'scroll',
display: 'flex',
justifyContent: 'center',
- margin: '40px',
+ margin: '30px',
+ padding: '0 15px',
+ backgroundColor: 'rgba(37, 40, 46, 0.5)',
}}
>
<div>
@@ -57,11 +71,11 @@ function PatchNotesModal({ versionInfo, closeModal }: { versionInfo: VerInfo | n
nItemMarginX={0}
initialColumn={0}
autoFocus={true}
- fnGetColumnWidth={() => SP.innerWidth}
+ fnGetColumnWidth={() => SP.innerWidth - SP.innerWidth * (10 / 100)}
name={t('Updater.decky_updates') as string}
/>
- </FocusRing>
- </Focusable>
+ </Focusable>
+ </>
);
}