added new fond and fixed chrome error

2026-04-24 14:52:14 -05:00
parent 597ce41a62
commit 7e1282a283
9 changed files with 41 additions and 10 deletions
@@ -24,7 +24,9 @@ export default function RootLayout({
      <body>
        <Header />
        <Toaster position="top-left" reverseOrder={false} />
+        <main>
        {children}
+        </main>
      </body>
    </html>
  );
@@ -28,6 +28,33 @@ body {
  color: $color-text;
 }

+main {
+  position: relative;
+  display: flex;
+  overflow: hidden;
+}
+
+main::before {
+  content: '';
+  position: absolute;
+
+  top: 50%;
+  left: 50%;
+
+  width: 200%;
+  height: 200%;
+
+  background-image:
+    linear-gradient(#003f7906 1px, transparent 1px),
+    linear-gradient(90deg, #003f7906 1px, transparent 1px);
+
+  background-size: 48px 48px;
+  pointer-events: none;
+
+  transform: translate(-50%, -50%) rotate(15deg);
+  transform-origin: center;
+}
+
 p {
  font-size: 2rem;
  line-height: 1.5;
@@ -9,6 +9,7 @@
  justify-content: center;
  align-items: center;
  width: 100%;
+  height: 100%;
  padding: 2rem;
  color: #222;

@@ -2,6 +2,7 @@
  padding: 0;
  margin: 0;
  width: 100%;
+  height: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
@@ -4,6 +4,7 @@
  padding: 0;
  margin: 0;
  width: 100vw;
+  height: 100%;
 }

 .header {
@@ -3,6 +3,7 @@
  justify-content: space-evenly;
  align-items: center;
  width: 100vw;
+  height: 100%;
 }

 .login-container {