xevion/grain
1
0
Fork 0
mirror of https://github.com/Xevion/grain.git synced 2025-12-06 01:15:10 -06:00
Code Issues Packages Projects Releases Wiki Activity

Fix scrolling on overflowed mobile viewports

Browse Source
This commit is contained in:
Xevion
2022-11-26 12:26:26 -06:00
parent f6f29319df
commit 06bffb8907
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/App.tsx
View File

@@ -30,8 +30,11 @@ function App() {
}; };
return ( return (
<div style={style} className="text-zinc-800 gradient"> <div
<div className="font-inter min-w-[100vw] min-h-[100vh] bg-zinc-800/50 bg-blend-overlay"> style={style}
className="text-zinc-800 gradient max-w-[100vw] max-h-[100vh] overflow-clip"
>
<div className="font-inter w-full h-full bg-zinc-800/50 bg-blend-overlay">
<div className="grid grid-cols-12 w-full"> <div className="grid grid-cols-12 w-full">
<div className="col-span-3 sm:col-span-2"> <div className="col-span-3 sm:col-span-2">
<button <button
@@ -55,11 +58,11 @@ function App() {
</button> </button>
</div> </div>
<div <div
className={`transition-opacity ease-in-out duration-75 ${ className={`h-[100vh] transition-opacity ease-in-out duration-75 ${
postHidden ? "opacity-0" : "" postHidden ? "opacity-0" : ""
} flex col-span-9 sm:col-span-6 md:col-span-5 w-full min-h-[100vh]`} } flex col-span-9 sm:col-span-6 md:col-span-5 w-full min-h-[100vh]`}
> >
<div className="bg-white shadow-lg"> <div className="bg-white overflow-y-auto">
<Post /> <Post />
</div> </div>
</div> </div>