#304

frontend/src/components/layout/MainArea.tsx

@@ -8,8 +8,7 @@ type Props = {
 
 
 export default (({ children, className }: Props) => (
-    <main className={cn ('flex-1 overflow-y-auto p-4',
+    <main className={cn ('flex-1 overflow-y-auto p-4 md:h-[calc(100dvh-88px)]',
-			 'md:h-[calc(100dvh-88px)] md:overflow-y-auto',
 			 className)}>
       {children}
     </main>)) satisfies FC<Props>

frontend/src/pages/materials/MaterialBasePage.tsx

@@ -6,7 +6,8 @@ import type { FC } from 'react'
 
 
 export default (() => (
-    <div className="md:flex md:flex-1 md:h-[calc(100dvh-88px)]">
+    <div className="md:flex md:flex-1 overflow-y-auto md:overflow-y-hidden
+		    md:h-[calc(100dvh-88px)]">
       <MaterialSidebar/>
       <Outlet/>
     </div>)) satisfies FC

frontend/src/pages/posts/PostDetailPage.tsx

@@ -93,7 +93,8 @@ export default (({ user }: Props) => {
 		       : 'bg-gray-500 hover:bg-gray-600')
 
   return (
-      <div className="md:flex md:flex-1 md:h-[calc(100dvh-88px)]">
+      <div className="md:flex md:flex-1 overflow-y-auto md:overflow-y-hidden
+		      md:h-[calc(100dvh-88px)]">
 	<Helmet>
 	  {(post?.thumbnail || post?.thumbnailBase) && (
 	      <meta name="thumbnail" content={post.thumbnail || post.thumbnailBase}/>)}

frontend/src/pages/posts/PostListPage.tsx

@@ -69,7 +69,10 @@ export default (() => {
   }, [location.search])
 
   return (
-      <div className="md:flex md:flex-1 md:h-[calc(100dvh-88px)]" ref={containerRef}>
+      <div
+	  className="md:flex md:flex-1 overflow-y-auto md:overflow-y-hidden
+		     md:h-[calc(100dvh-88px)]"
+	  ref={containerRef}>
 	<Helmet>
 	  <title>
 	    {tags.length