open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Bottom padding works on mobile, broken on desktop :(

Browse Source
This commit is contained in:
Ian Philips 2022-08-03 16:42:51 -06:00
parent b4c6b99e09
commit 5bc905b358
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/components/groups/group-chat.tsx
View File

@ -50,8 +50,9 @@ export function GroupChat(props: {
const { width, height } = useWindowSize() const { width, height } = useWindowSize()
const [containerRef, setContainerRef] = useState<HTMLDivElement | null>(null) const [containerRef, setContainerRef] = useState<HTMLDivElement | null>(null)
// Subtract bottom bar when it's showing (less than lg screen) // Subtract bottom bar when it's showing (less than lg screen)
// const bottomBarHeight = (width ?? 0) < 1024 ? 58 : 0 const bottomBarHeight = (width ?? 0) < 1024 ? 58 : 0
const remainingHeight = (height ?? 0) - (containerRef?.offsetTop ?? 0) const remainingHeight =
(height ?? 0) - (containerRef?.offsetTop ?? 0) - bottomBarHeight
useMemo(() => { useMemo(() => {
// Group messages with createdTime within 2 minutes of each other. // Group messages with createdTime within 2 minutes of each other.