From 4ea70b5b2ea3e6fa874ea17efc6762d29d19234d Mon Sep 17 00:00:00 2001
From: Azalea <22280294+hykilpikonna@users.noreply.github.com>
Date: Thu, 19 Dec 2024 15:28:14 -0500
Subject: [PATCH] [F] Fix warning

---
 src/App.svelte        |  1 +
 src/lib/Number.svelte | 10 ++++------
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index b9203e6..86587a3 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -24,6 +24,7 @@
   let [hStates, vStates] = [zero8(eRows * eCols), zero8(eRows * eCols)]
   let [solutionHStates, solutionVStates] = [zero8(eRows * eCols), zero8(eRows * eCols)]
 
+  // Auto adapt grid size to screen size
   if (rows < 10 && cols < 10) {
     cfg.cellW = 50
     cfg.lineW = 8
diff --git a/src/lib/Number.svelte b/src/lib/Number.svelte
index a24b008..5fd5d7e 100644
--- a/src/lib/Number.svelte
+++ b/src/lib/Number.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { cfg, nStates, pos, sty } from "../utils";
+  import { cfg, nStates, pos } from "../utils";
 
   interface Props { x: number, y: number, n: number, masked: boolean, state: number }
   let { x, y, n, masked, state }: Props = $props()
@@ -9,9 +9,7 @@
   let styles = pos(left, top)
 </script>
 
-<div class="grid-number" style="{styles}"
-     class:error={state === nStates.error} class:complete={state === nStates.complete} on:click>
-  {#if !masked}
-    {n}
-  {/if}
+<div class="grid-number" style="{styles}" on:click role="none" 
+     class:error={state === nStates.error} class:complete={state === nStates.complete}>
+     {#if !masked}{n}{/if}
 </div>