feat: Added QR login

fix: Fixed webview for windows builds

src/mainview/components/AnimatedBackground.tsx

@@ -71,7 +71,7 @@ export function AnimatedBackground (data: {
                     backgroundSize: '100%',
                     backgroundPositionY: 'bottom',
                     backgroundPositionX: 'center',
-                    backgroundBlendMode: 'soft-light',
+                    backgroundBlendMode: blur ? 'normal' : 'soft-light',
                     backgroundColor: "var(--color-base-100)",
                 } : {}}
             >

src/mainview/components/ContextDialog.tsx

@@ -115,7 +115,7 @@ export function ContextDialog (data: {
             <ContextDialogContext value={{ id: data.id, close: data.close }} >
                 <div
                     className={twMerge(
-                        "bg-base-100/80 delay-200 rounded-4xl sm:p-4 md:p-6 sm:min-w-[80vw] md:min-w-[30vw] cursor-auto",
+                        "bg-base-100/80 delay-200 rounded-4xl sm:p-4 md:p-6 sm:min-w-[80vw] md:min-w-[20vw] cursor-auto",
                         data.open ? "animate-scale-delayed" : "opacity-0",
                         data.className)
                     }

src/mainview/components/options/Button.tsx

@@ -38,7 +38,7 @@ export function Button (data: {
             classNames({
                 "btn-accent": focused,
             }, data.className))}
-        type={data.type}
+        type={data.type ?? 'button'}
     >
         {data.children}
     </button>;

src/mainview/components/options/OptionSpace.tsx

@@ -87,7 +87,7 @@ export function OptionSpace (data: {
                         data.label
                     )}
                 </div>
-                <div className="flex">
+                <div className="flex grow justify-end-safe">
                     {data.children}
                 </div>
             </li>

src/mainview/components/options/SettingsAppForm.tsx

@@ -19,7 +19,7 @@ export const { useAppForm: useSettingsForm, useTypedAppFormContext: useSettingsF
 function FormOption (data: { type: HTMLInputTypeAttribute, icon?: JSX.Element; label?: string | JSX.Element; placeholder?: string; })
 {
     const field = useFieldContext<string>();
-    return <OptionSpace label={<div className="flex gap-2">
+    return <OptionSpace label={<div className="flex flex-1 gap-2">
         {data.label}
         {field.getMeta().errors.length > 0 && <div className="badge badge-error">
             {field.state.meta.errors.map(e => e.message).join(',')}
@@ -32,7 +32,7 @@ function FormOption (data: { type: HTMLInputTypeAttribute, icon?: JSX.Element; l
             type={data.type}
             onChange={e => field.handleChange(e.target.value)}
             placeholder={data.placeholder}
-            className={classNames({ "ring-4 ring-accent": field.getMeta().isDirty })}
+            className={classNames({ " flex-3 ring-4 ring-accent": field.getMeta().isDirty })}
         />
     </OptionSpace>;;
 }