Feat: better discard overlay

components/game/overlay/options/Dialog.client.vue

@@ -17,6 +17,23 @@ const _window = computed(() => window);
     @click="isVisible = false"
   ></div>
   <div class="dialog dialog-box" :class="{ visible: isVisible }" @click.stop>
+    <div class="dialog-header">
+      <h3>Game</h3>
+    </div>
+    <div class="dialog-header">
+      <span>Save discard size</span>
+    </div>
+    <div class="dialog-body">
+      <input type="checkbox" v-model="settingsStore.saveDiscardSize" />
+    </div>
+    <div class="dialog-footer">
+      <template v-if="!settingsStore.saveDiscardSize"
+        >Discard will always open small
+      </template>
+      <template v-else="!settingsStore.saveDiscardSize"
+        >Discard will remember its size
+      </template>
+    </div>
     <div class="dialog-header">
       <h3>Visuals</h3>
     </div>
@@ -106,15 +123,6 @@ const _window = computed(() => window);
     <div class="dialog-body">
       <input type="checkbox" v-model="settingsStore.shaderPixelated" />
     </div>
-    <div class="dialog-header">
-      <h3>Other</h3>
-    </div>
-    <div class="dialog-header">
-      <span>Enable dragging (experimental)</span>
-    </div>
-    <div class="dialog-body">
-      <input type="checkbox" v-model="settingsStore.enableDragging" />
-    </div>
   </div>
 </template>
 
@@ -139,6 +147,7 @@ const _window = computed(() => window);
   background: rgba(0, 0, 0, 0);
   pointer-events: none;
   z-index: 1000;
+  transition: 0.3s all linear;
 }
 
 .dialog-background.visible {