From 10397b2b6ab56a901e81a5a572564016497aacb1 Mon Sep 17 00:00:00 2001
From: Kentai Radiquum <kentai.waah@gmail.com>
Date: Sat, 11 May 2024 07:21:39 +0500
Subject: [PATCH] refactor(Design/Content): redising of the main content view

---
 frontend/app/App.jsx                             | 16 ++++++++++++++--
 .../app/components/ReleaseCard/ReleaseCard.jsx   |  2 +-
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/frontend/app/App.jsx b/frontend/app/App.jsx
index d0d38ee..b6471fa 100644
--- a/frontend/app/App.jsx
+++ b/frontend/app/App.jsx
@@ -79,8 +79,20 @@ export const App = (props) => {
             />
           )}
         </div>
-        <main className="responsive padding" style={{ overflow: "hidden" }}>
-          {props.children}
+        <main
+          className="max padding"
+          style={{
+            height: "calc(100vh - 2rem)",
+            width: "100%",
+            overflow: "hidden",
+          }}
+        >
+          <div
+            className="border round padding"
+            style={{ height: "calc(100vh - 2rem)", "overflow-y": "scroll" }}
+          >
+            {props.children}
+          </div>
         </main>
       </div>
     </body>
diff --git a/frontend/app/components/ReleaseCard/ReleaseCard.jsx b/frontend/app/components/ReleaseCard/ReleaseCard.jsx
index f5f5e7e..7705def 100644
--- a/frontend/app/components/ReleaseCard/ReleaseCard.jsx
+++ b/frontend/app/components/ReleaseCard/ReleaseCard.jsx
@@ -5,7 +5,7 @@ export const ReleaseCard = (props) => {
   return (
     <Link
       href={`/release/${props.id}`}
-      className={props.className ? props.className : "s3"}
+      className={props.className ? props.className : "s2"}
     >
       <article
         className="no-padding round fill"