From d1b8b777ac31d0005abe5b9cdda0067f3071313b Mon Sep 17 00:00:00 2001
From: satr14 <admin@satr14.my.id>
Date: Sat, 25 Jul 2026 16:29:55 +0700
Subject: [PATCH] fen input and index label

---
 src/routes/+page.svelte | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 4eff4e1..e873a34 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -14,11 +14,11 @@
 
 <div class="grid grid-cols-8 gap-0 border-2">
   {#each boardView as square, index}
-    <div class="h-20 aspect-square flex justify-center items-center
+    <div class="h-20 aspect-square relative flex justify-center items-center
       {index % 2 === Math.floor(index / 8) % 2 ? 'bg-orange-200 text-stone-800' : 'bg-amber-800 text-stone-200'}
     ">
+      <span class="absolute top-0 left-0">{showIndex ? index : ''}</span>
       {#if square}<img src="assets/{square}.svg" alt="p{square}" class="h-18 aspect-square"/>{/if}
-      {showIndex ? index : ''}
     </div>
   {/each}
 </div>
@@ -29,7 +29,10 @@
   </label>
   <label class="block">
     fen (enter to set):
-    <input type="text" onkeypress={(e) => e.key === 'Enter' && board.loadFEN(fen)} bind:value={fen} />
+    <input type="text" onkeypress={(e) => e.key === 'Enter' && (() => {
+      board.loadFEN(fen)
+      updateView()
+    })()} bind:value={fen} />
   </label>
   <button onclick={updateView}>update view</button>
   <button onclick={() => console.log(board)}>dump game to console</button>