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 (
<div style={style} className="text-zinc-800 gradient">
<div className="font-inter min-w-[100vw] min-h-[100vh] bg-zinc-800/50 bg-blend-overlay">
<div
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="col-span-3 sm:col-span-2">
<button
@@ -55,11 +58,11 @@ function App() {
</button>
</div>
<div
className={`transition-opacity ease-in-out duration-75 ${
className={`h-[100vh] transition-opacity ease-in-out duration-75 ${
postHidden ? "opacity-0" : ""
} 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 />
</div>
</div>