From 96d1ead1a98ac13d5500024394e85766b6d424ba Mon Sep 17 00:00:00 2001
From: Wind-Explorer <windexplorer@outlook.com>
Date: Tue, 24 Mar 2026 23:40:58 +0800
Subject: [PATCH] make neko view in scene config look better

---
 .../app-menu/tabs/scene/neko-view.svelte      | 38 ++++++++++++++++++-
 1 file changed, 36 insertions(+), 2 deletions(-)

diff --git a/src/routes/app-menu/tabs/scene/neko-view.svelte b/src/routes/app-menu/tabs/scene/neko-view.svelte
index be59605..fb7bb93 100644
--- a/src/routes/app-menu/tabs/scene/neko-view.svelte
+++ b/src/routes/app-menu/tabs/scene/neko-view.svelte
@@ -18,10 +18,13 @@
   <div class="collapse-content">
     <div class="pt-4 border-t border-base-300">
       <div class="flex flex-row gap-4">
-        <div class="border border-primary bg-base-200/50 w-40 card relative">
+        <div
+          class="border border-primary relative shadow-[inset_0_0_8px] bg-primary/5 shadow-primary w-40 card"
+        >
+          <div class="size-full absolute bg-gridded opacity-25"></div>
           <div class="size-full absolute">
             <div
-              class="flex flex-row size-full items-end justify-between text-[8px] opacity-50 p-1 font-mono"
+              class="flex flex-row size-full items-end justify-between text-[8px] text-primary p-1 font-mono"
             >
               <div class="text-start flex flex-col">
                 <p>Scale</p>
@@ -83,3 +86,34 @@
     </div>
   </div>
 </div>
+
+<style>
+  .bg-gridded {
+    background-image:
+      linear-gradient(
+        0deg,
+        transparent 24%,
+        var(--color-primary) 25%,
+        var(--color-primary) 26%,
+        transparent 27%,
+        transparent 74%,
+        var(--color-primary) 75%,
+        var(--color-primary) 76%,
+        transparent 77%,
+        transparent
+      ),
+      linear-gradient(
+        90deg,
+        transparent 24%,
+        var(--color-primary) 25%,
+        var(--color-primary) 26%,
+        transparent 27%,
+        transparent 74%,
+        var(--color-primary) 75%,
+        var(--color-primary) 76%,
+        transparent 77%,
+        transparent
+      );
+    background-size: 32px 32px;
+  }
+</style>