thomasabishop/eolas-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: make metadata draw titles visible on mob
All checks were successful
Deploy eolas-app / deploy (push) Successful in 48s
Details

Browse source
This commit is contained in:
Thomas Bishop 2025-12-01 19:19:33 +00:00
parent 1b5ac7ad00
commit 98e7611670
1 changed files with 21 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/containers/Entry.tsx
View file

@ -5,12 +5,14 @@ import { useIsMobile } from "@/hooks/use-mobile"
export default function Entry({ entryTitle, entryBody, history, metadata, isLoading }) { export default function Entry({ entryTitle, entryBody, history, metadata, isLoading }) {
const isMobile = useIsMobile() const isMobile = useIsMobile()
const bottomPanelSize = isMobile ? 0 : 25
const topPanelSize = isMobile ? 95 : 75
const bottomPanelSize = isMobile ? 5 : 25
const handleSize = isMobile ? "5px" : "1px" const handleSize = isMobile ? "5px" : "1px"
console.log(isMobile) console.log(isMobile)
return ( return (
<ResizablePanelGroup direction="vertical" className="w-full h-full"> <ResizablePanelGroup direction="vertical" className="w-full h-full">
<ResizablePanel defaultSize={75}> <ResizablePanel defaultSize={topPanelSize}>
<div className="h-full overflow-auto"> <div className="h-full overflow-auto">
<EntryBody body={entryBody} isLoading={isLoading} /> <EntryBody body={entryBody} isLoading={isLoading} />
</div> </div>