Settings: fix overscroll effect

Profile: fix auto hide toolbar
2024-11-18 21:57:46 +08:00 · 2024-11-18 21:48:10 +08:00
2 changed files with 5 additions and 7 deletions
--- a/src/profiles/Profile.css
+++ b/src/profiles/Profile.css
@ -1,5 +1,5 @@
 .Profile {
-  height: 100%;
+  overflow: hidden auto;

  .intro {
    background-color: var(--tutu-color-surface-d);
--- a/src/settings/Settings.tsx
+++ b/src/settings/Settings.tsx
@ -1,8 +1,4 @@
-import {
-  For,
-  Show,
-  type Component,
-} from "solid-js";
+import { For, Show, type Component } from "solid-js";
 import Scaffold from "../material/Scaffold.js";
 import {
  AppBar,
@ -185,6 +181,8 @@ const Settings: Component = () => {

    .setting-list {
      padding-bottom: calc(var(--safe-area-inset-bottom, 0px) + 16px);
+      overflow: hidden auto;
+      height: calc(100% - var(--scaffold-topbar-height, 0));
    }
  `;
  return (
Author	SHA1	Message	Date
thislight	59b413dace	Settings: fix overscroll effect All checks were successful / depoly (push) Successful in 1m18s Details	2024-11-18 21:57:46 +08:00
thislight	5ec9b96504	Profile: fix auto hide toolbar	2024-11-18 21:48:10 +08:00