chore: safari apperance bug

heypoom · Sep 5, 2022 · bac9ce4 · bac9ce4
1 parent 3418efe
commit bac9ce4
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/fastspend-pwa/src/App.svelte b/fastspend-pwa/src/App.svelte
@@ -30,7 +30,7 @@
  >
  <input
  type="text"
- class="focus:outline-none bg-neutral-900 text-white px-4 py-4 text-3xl font-extralight rounded-md shadow-xl text-center focus:shadow-blue-300 focus:shadow-xl focus:ring-4 focus:ring-offset-4 focus:ring-blue-300 focus:ring-opacity-50 w-full max-w-xs"
+ class="focus:outline-none bg-neutral-900 text-white px-4 py-4 text-3xl font-extralight rounded-md shadow-xl text-center focus:shadow-blue-300 focus:shadow-xl focus:ring-4 focus:ring-offset-4 focus:ring-blue-400 focus:ring-opacity-50 w-full max-w-xs"
  class:error-input={error}
  class:loading-input={loading}
  bind:value={command}

diff --git a/fastspend-pwa/src/app.css b/fastspend-pwa/src/app.css
@@ -15,6 +15,10 @@ body {
  min-height: -webkit-fill-available;
 }
 
+input {
+ -webkit-appearance: none;
+}
+
 .error-input {
  @apply bg-red-500 text-stone-100;
  @apply focus:shadow-red-300 !important;