New size for input component

2021-11-25 22:01:13 +02:00
parent 7142f5b5e2
commit bd8d3c39c2
1 changed files with 8 additions and 0 deletions
--- a/components/Input.tsx
+++ b/components/Input.tsx
@@ -65,6 +65,14 @@ export const Input = styled("input", {

  variants: {
    size: {
+      sm: {
+        height: "$5",
+        fontSize: "$1",
+        lineHeight: "$sizes$4",
+        "&:-webkit-autofill::first-line": {
+          fontSize: "$1",
+        },
+      },
      md: {
        height: "$8",
        fontSize: "$1",