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 {
@@ -28,8 +28,8 @@ const CATEGORIA_MAP: Record<string, { tabla: number }> = {
  "ESCRITORIO LINUX": { tabla: 0 },

  "PORTÁTILES WINDOWS": { tabla: 2 },
+  "PORTÁTILES CHROMEBOOK": { tabla: 2 },
  "PORTÁTILES MAC OS": { tabla: 2 },
-  "PORTÁTILES LINUX": { tabla: 2 },

  "TABLETA IPAD OS": { tabla: 1 },
  "TABLETA ANDROID": { tabla: 1 },
@@ -47,7 +47,7 @@ const TITULOS_TABLAS = [
 const SISTEMAS_POR_TABLA: Record<number, readonly string[]> = {
  0: ["Windows", "Linux", "Mac OS"],
  1: ["Android", "iPad OS"],
-  2: ["Windows", "Linux", "Mac OS"],
+  2: ["Windows", "Chrome OS", "Mac OS"],
  3: ["Servidor"],
 };

@@ -57,7 +57,7 @@ function normalizarSO(soRaw: string): string {
  if (so.includes("WINDOWS")) return "Windows";
  if (so.includes("LINUX")) return "Linux";
  if (so.includes("MAC")) return "Mac OS";
-  if (so.includes("CHROME")) return "Chrome OS";
+  if (so.includes("CHROME OS")) return "Chrome OS";
  if (so.includes("ANDROID")) return "Android";

  if (so.includes("IOS") || so.includes("IPAD")) return "iPad OS";
@@ -176,9 +176,8 @@ export default function Pregunta1() {
                  {valores.map((valor, colIndex) => (
                    <td key={colIndex}>
                      <div
-                        className={`${style["input-contenedor"]} ${
-                          loading ? "skeleton" : ""
-                        }`}
+                        className={`${style["input-contenedor"]} ${loading ? "skeleton" : ""
+                          }`}
                      >
                        {!loading ? (
                          <input type="number" value={valor} readOnly />
@@ -202,9 +201,8 @@ export default function Pregunta1() {
              {totalesColumnas.map((t, i) => (
                <td key={i}>
                  <div
-                    className={`${style["input-contenedor"]} ${
-                      loading ? "skeleton" : ""
-                    }`}
+                    className={`${style["input-contenedor"]} ${loading ? "skeleton" : ""
+                      }`}
                  >
                    {!loading && t}
                  </div>
@@ -42,7 +42,7 @@ export default function Ranking() {
  }, [year, api_url]);

  return (
-    <section>
+    <section style={{width:'100%'}}>
      <div className="year-selector">
        <div>
          <label>Año:</label>