Merge pull request #5 from nms-ev/ios

Ios

Author: cupcakearmy

package.json

@@ -7,7 +7,7 @@
     "preview": "vite preview --port 1234 --host",
     "check": "svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",
-    "tunnel": "docker run cloudflare/cloudflared tunnel --no-autoupdate --url http://host.docker.internal:1234/",
+    "tunnel": "docker run --rm cloudflare/cloudflared tunnel --no-autoupdate --url http://host.docker.internal:1234/",
     "codegen": "graphql-codegen --config codegen.ts",
     "codegen:watch": "graphql-codegen --config codegen.ts --watch"
   },

src/app.css

@@ -4,6 +4,10 @@
 @tailwind components;
 @tailwind utilities;
 
+* {
+  -webkit-appearance: none;
+}
+
 body {
   font-family: 'Mulish';
   font-variation-settings: 'wght' 300;
@@ -66,7 +70,7 @@ h5,
 h6 {
   margin: 0;
   font-weight: normal;
-  word-break: break-all;
+  /* word-break: break-all; */
 }
 
 h1 {
@@ -90,6 +94,10 @@ hr {
   border-bottom: var(--line-size) solid currentColor;
 }
 
+fieldset {
+  display: contents;
+}
+
 /* UTILITY */
 
 .bg {

src/lib/components/form/Country.svelte

@@ -16,7 +16,7 @@
 <Field {label} {error}>
   <select
     {...selectProps}
-    class="bg-[var(--bg-color)] py-0.5 border-solid border-b-[0.075rem] text-base border-current"
+    class="bg-[var(--bg-color)] py-0.5 rounded-none border-solid border-b-[0.075rem] text-base border-current"
     bind:value
   >
     {#each Object.entries(getCodeList()) as [code, name]}

src/lib/components/form/Field.svelte

@@ -3,7 +3,7 @@
   export let error: string | null = null
 </script>
 
-<label class="flex flex-col">
+<label class="flex flex-col w-full">
   <slot />
   <div class="flex justify-between text-sm">
     <span>{label}</span>

src/lib/components/form/TextInput.svelte

@@ -15,7 +15,7 @@
 <Field {label} {error}>
   <input
     {...inputProps}
-    class="bg-[var(--bg-color)] py-0.5 border-solid border-b-[0.075rem] text-base border-current"
+    class="bg-[var(--bg-color)] py-0.5 rounded-none border-solid border-b-[0.075rem] text-base border-current"
     bind:value
   />
 </Field>

src/routes/(web)/join/+page.svelte

@@ -123,7 +123,7 @@
               autocomplete="address-line1"
               error={getError('address.street')}
             />
-            <div class="md:flex gap-4">
+            <div class="flex gap-3 flex-col md:flex-row">
               <TextInput
                 bind:value={form.address.zip}
                 label="Zip"
@@ -149,7 +149,7 @@
             {#if error}
               <p class="text-red-800">{error}</p>
             {/if}
-            <div class:opacity-50={!parsed.success}>
+            <div class:opacity-20={!parsed.success}>
               <Button type="submit" label="Register" />
             </div>
           </div>