Creepso/p-stream
1
0
Fork 0
mirror of https://github.com/p-stream/p-stream.git synced 2026-04-04 22:09:46 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

oops revert padding changes and scroll into view

Browse source
This commit is contained in:
Pas 2025-01-21 14:11:52 -07:00
parent 533773873c
commit 573dcd1da5
1 changed files with 4 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/pages/Settings.tsx
View file

@ -103,16 +103,6 @@ export function AccountSettings(props: {
} }
export function SettingsPage() { export function SettingsPage() {
useEffect(() => {
const hash = window.location.hash;
if (hash) {
const element = document.querySelector(hash);
if (element) {
element.scrollIntoView({ behavior: "smooth" });
}
}
}, []);
const { t } = useTranslation(); const { t } = useTranslation();
const activeTheme = useThemeStore((s) => s.theme); const activeTheme = useThemeStore((s) => s.theme);
const setTheme = useThemeStore((s) => s.setTheme); const setTheme = useThemeStore((s) => s.setTheme);
@ -311,7 +301,7 @@ export function SettingsPage() {
<div className="mt-10"> <div className="mt-10">
<AdminPanelPart /> <AdminPanelPart />
</div> </div>
<div id="settings-preferences" className="mt-28"> <div id="settings-preferences" className="mt-48">
<PreferencesPart <PreferencesPart
language={state.appLanguage.state} language={state.appLanguage.state}
setLanguage={state.appLanguage.set} setLanguage={state.appLanguage.set}
@ -325,20 +315,20 @@ export function SettingsPage() {
setEnableSourceOrder={state.enableSourceOrder.set} setEnableSourceOrder={state.enableSourceOrder.set}
/> />
</div> </div>
<div id="settings-appearance" className="mt-28"> <div id="settings-appearance" className="mt-48">
<ThemePart <ThemePart
active={previewTheme ?? "default"} active={previewTheme ?? "default"}
inUse={activeTheme ?? "default"} inUse={activeTheme ?? "default"}
setTheme={setThemeWithPreview} setTheme={setThemeWithPreview}
/> />
</div> </div>
<div id="settings-captions" className="mt-28"> <div id="settings-captions" className="mt-48">
<CaptionsPart <CaptionsPart
styling={state.subtitleStyling.state} styling={state.subtitleStyling.state}
setStyling={state.subtitleStyling.set} setStyling={state.subtitleStyling.set}
/> />
</div> </div>
<div id="settings-connection" className="mt-28"> <div id="settings-connection" className="mt-48">
<ConnectionsPart <ConnectionsPart
backendUrl={state.backendUrl.state} backendUrl={state.backendUrl.state}
setBackendUrl={state.backendUrl.set} setBackendUrl={state.backendUrl.set}