Merge pull request #67 from Jan200101/PR/fix-open-source-section

fix: prevent open-source-section from overflowing

Author: shdwmtr

steambrew/www/src/app/page.tsx

@@ -249,14 +249,23 @@ function RenderHome() {
 							{stat?.contributors && (
 								<div className="contributors-container">
 									<div className="contributors-list">
-										{stat.contributors.map((contributor, index) => (
+										{stat.contributors.slice(0, 50).map((contributor, index) => (
 											<a key={index} href={contributor.html_url} target="_blank" rel="noreferrer">
 												<div key={index} className="contributor">
 													<img src={contributor.avatar_url} alt={contributor.login} />
 												</div>
 											</a>
 										))}
 									</div>
+
+									{stat.contributors.length > 50 && (
+										<button
+											className="btn btn-secondary view-more-contributors"
+											onClick={() => window.open('https://github.com/SteamClientHomebrew/Millennium/graphs/contributors', '_blank')}
+										>
+											View More
+										</button>
+									)}
 								</div>
 							)}
 						</div>

steambrew/www/src/css/index.css

@@ -4458,6 +4458,12 @@ canvas {
     display: none !important;
 }
 
+.contributors-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
 .contributors-list {
     display: grid;
     grid-template-columns: repeat(10, 1fr);
@@ -4468,6 +4474,10 @@ canvas {
     padding: 0px 40px 0px 40px;
 }
 
+.view-more-contributors {
+    margin-top: 30px;
+}
+
 .contributor img {
     width: 100%;
     border-radius: 50%;
@@ -4510,7 +4520,7 @@ video {
 
 .open-source-section {
     margin: 0 !important;
-    height: 100vh !important;
+    min-height: 100vh !important;
     justify-content: center;
     align-items: center;
     display: flex;