Rubicon/tutu
1
0
Fork 0
Code Issues 18 Pull requests 1 Projects 1 Activity Actions

css optimizing
All checks were successful
/ depoly (push) Successful in 1m16s
Details

Browse source
This commit is contained in:
thislight 2024-10-30 13:07:55 +08:00
parent 30efc1bae6
commit b7531864d2
No known key found for this signature in database
GPG key ID: A50F9451AC56A63E
5 changed files with 38 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/timelines/TootList.tsx
View file

@ -5,6 +5,7 @@ import {
ErrorBoundary,
type Ref,
createSelector,
createRenderEffect,
} from "solid-js";
import { type mastodon } from "masto";
import { vibrate } from "../platform/hardware";
@ -14,6 +15,8 @@ import { useHeroSignal, useHeroSource } from "../platform/anim";
import { HERO as BOTTOM_SHEET_HERO } from "../material/BottomSheet";
import { setCache as setTootBottomSheetCache } from "./TootBottomSheet";
import { useNavigate } from "@solidjs/router";
import { createElementSize } from "@solid-primitives/resize-observer";
import "./toot-list.css"
const TootList: Component<{
ref?: Ref<HTMLDivElement>;
@ -110,6 +113,15 @@ const TootList: Component<{
openFullScreenToot(status, element, true);
};
const listenElementHeight = (
e: HTMLElement,
updateHeight: (height: number) => void,
) => {
const size = createElementSize(e);
createRenderEffect(() => updateHeight(size.height));
};
return (
<ErrorBoundary
fallback={(err, reset) => {