Settings: fix overscroll effect
All checks were successful
/ depoly (push) Successful in 1m18s

This commit is contained in:
thislight 2024-11-18 21:57:46 +08:00
parent 5ec9b96504
commit 59b413dace
No known key found for this signature in database
GPG key ID: FCFE5192241CCD4E

View file

@ -1,8 +1,4 @@
import { import { For, Show, type Component } from "solid-js";
For,
Show,
type Component,
} from "solid-js";
import Scaffold from "../material/Scaffold.js"; import Scaffold from "../material/Scaffold.js";
import { import {
AppBar, AppBar,
@ -167,7 +163,7 @@ const Settings: Component = () => {
}>, }>,
() => import(`./i18n/lang-names.json`), () => import(`./i18n/lang-names.json`),
); );
const {pop} = useNavigator(); const { pop } = useNavigator();
const settings$ = useStore($settings); const settings$ = useStore($settings);
const { needRefresh } = useServiceWorker(); const { needRefresh } = useServiceWorker();
const dateFnLocale = useDateFnLocale(); const dateFnLocale = useDateFnLocale();
@ -185,6 +181,8 @@ const Settings: Component = () => {
.setting-list { .setting-list {
padding-bottom: calc(var(--safe-area-inset-bottom, 0px) + 16px); padding-bottom: calc(var(--safe-area-inset-bottom, 0px) + 16px);
overflow: hidden auto;
height: calc(100% - var(--scaffold-topbar-height, 0));
} }
`; `;
return ( return (