🚧 useForm前コミット

wappon28dev · Oct 23, 2024 · e79f00f · e79f00f
1 parent 6f322da
commit e79f00f
Show file tree

Hide file tree

Showing 2 changed files with 328 additions and 192 deletions.
diff --git a/src/components/sva/numberInput.ts b/src/components/sva/numberInput.ts
@@ -0,0 +1,31 @@
+import { numberInputAnatomy } from "@ark-ui/react";
+import { sva } from "panda/css";
+
+export const svaNumberInput = sva({
+  className: "numberInput",
+  slots: numberInputAnatomy.keys(),
+  base: {
+    root: {
+      display: "flex",
+      alignItems: "center",
+      borderRadius: "md",
+      backgroundColor: "wkb.bg",
+      textAlign: "right",
+      _hover: {
+        borderColor: "gray.400",
+      },
+      _focusWithin: {
+        borderColor: "blue.500",
+      },
+    },
+    input: {
+      fontSize: "4xl",
+      color: "gray.700",
+      textAlign: "right",
+      width: "100%",
+      _focus: {
+        outline: "none",
+      },
+    },
+  },
+});