Zoom, better sizes, color picker, sidebar footer

src-web/components/Input.tsx

@@ -59,13 +59,13 @@ export function Input({
         {label}
       </label>
       <HStack
-        items="center"
+        alignItems="center"
         className={classnames(
           containerClassName,
           'relative w-full rounded-md text-gray-900',
           'border border-gray-200 focus-within:border-blue-400/40',
-          size === 'md' && 'h-10',
-          size === 'sm' && 'h-8',
+          size === 'md' && 'h-9',
+          size === 'sm' && 'h-7',
         )}
       >
         {leftSlot}