feat: improve help view

packages/ui/package.json

@@ -45,11 +45,11 @@
     "histoire": "^0.17.17",
     "publint": "^0.2.7",
     "svelte": "^4.2.15",
-    "svelte-check": "^3.6.9",
+    "svelte-check": "^3.7.0",
     "tslib": "^2.6.2",
     "typescript": "^5.4.5",
     "vite": "^5.2.10",
-    "vitest": "^1.5.1"
+    "vitest": "^1.5.2"
   },
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",

packages/ui/src/lib/app.css

@@ -52,7 +52,7 @@ body {
   /* Secondary color */
   --secondary-color: #6c757d;
 
-  --layer-0: var(--neutral-900);
+  --layer-0: var(--neutral-800);
   --layer-1: var(--neutral-500);
   --layer-2: var(--neutral-400);
   --layer-3: var(--neutral-200);

packages/ui/src/lib/elements/Float.svelte

@@ -8,6 +8,13 @@
   export let max = 1;
   export let id = "";
 
+  if (min > max) {
+    [min, max] = [max, min];
+  }
+  if (value > max) {
+    max = value;
+  }
+
   function strip(input: number) {
     return +parseFloat(input + "").toPrecision(2);
   }