From a82e4485cffce46bf0c940fb60b9b8a2361cb55c Mon Sep 17 00:00:00 2001
From: Kentai Radiquum <kentai.waah@gmail.com>
Date: Thu, 13 Feb 2025 12:06:00 +0500
Subject: [PATCH] hopefully now everything is good
---
src/templates/Base.tsx | 8 ++++----
src/templates/Bento.tsx | 2 +-
2 files changed, 5 insertions(+), 5 deletions(-)
diff --git a/src/templates/Base.tsx b/src/templates/Base.tsx
index 48941f2..13d50f0 100644
--- a/src/templates/Base.tsx
+++ b/src/templates/Base.tsx
@@ -8,7 +8,7 @@ interface BaseProps {
export default function Base({ children, isDev }: BaseProps) {
return (
<>
- <html lang="en" className="overflow-hidden">
+ <html lang="en" className="overflow-clip">
<head>
<meta charSet="UTF-8" />
<meta
@@ -97,8 +97,8 @@ export default function Base({ children, isDev }: BaseProps) {
/>
</head>
<body className="bg-[#1A0F05] container mx-auto max-w-[1210px] text-white overflow-hidden">
- <div className="background-grid w-full min-h-[140dvh] h-full absolute inset-0 overflow-hidden -z-50"></div>
- <div id="cursor" className="overflow-hidden -z-50">
+ <div className="background-grid w-full h-screen absolute inset-0 overflow-hidden -z-50"></div>
+ <div id="cursor" className="overflow-hidden -z-50 hidden md:block">
<div
className="background-grid w-[256px] h-[256px] rounded-full absolute overflow-hidden top-0 left-0 -z-50"
id="cursor-sec"
@@ -108,7 +108,7 @@ export default function Base({ children, isDev }: BaseProps) {
id="cursor-prim"
></div>
</div>
- <div className="overflow-y-auto max-h-[105%] pb-16 scrollbar-hidden">
+ <div className="overflow-y-auto overflow-x-clip h-[100dvh] mb-32 pb-8 scrollbar-hidden">
{children}
</div>
<script src="/static/js/cursor.js"></script>
diff --git a/src/templates/Bento.tsx b/src/templates/Bento.tsx
index e3aeda7..a1331ea 100644
--- a/src/templates/Bento.tsx
+++ b/src/templates/Bento.tsx
@@ -3,7 +3,7 @@ import Footer from "./Footer";
export default function Bento() {
return (
- <div className="hidden lg:grid px-8 mt-8 lg:mt-16 xl:mt-0 w-full grid-cols-[repeat(4,minmax(0,280px))] grid-rows-[repeat(4,minmax(0,136px))] gap-2">
+ <div className="hidden lg:grid px-8 mt-8 lg:mt-16 xl:mt-0 w-full grid-cols-[repeat(4,minmax(0,280px))] grid-rows-[repeat(4,minmax(0,160px))] gap-2">
<BentoCard
logo="/static/images/logos/xbb.png"
image="/static/images/cards/xbb.png"