Browse Source

Fixes to input fields

Padding and border defaults not implicitly defaulted
tmp
Jose Olarte III 2 years ago
parent
commit
f45a528f43
  1. 6
      src/views/ContactScanView.vue
  2. 2
      src/views/DiscoverView.vue
  3. 2
      src/views/ImportAccountView.vue
  4. 4
      src/views/NewEditAccountView.vue
  5. 6
      src/views/NewEditCommitmentView.vue
  6. 4
      src/views/NewEditProjectView.vue

6
src/views/ContactScanView.vue

@ -56,17 +56,17 @@
<input
type="text"
placeholder="Name (optional)"
class="block w-full rounded border-slate-400 mb-2"
class="block w-full rounded border border-slate-400 mb-2 px-3 py-2"
/>
<input
type="text"
placeholder="ID"
class="block w-full rounded border-slate-400 mb-2"
class="block w-full rounded border border-slate-400 mb-2 px-3 py-2"
/>
<input
type="text"
placeholder="Public Key (optional)"
class="block w-full rounded border-slate-400 mb-4"
class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
/>
<div class="mt-8">

2
src/views/DiscoverView.vue

@ -46,7 +46,7 @@
<input
type="text"
placeholder="Search…"
class="block w-full rounded-l border-r-0 border-slate-400"
class="block w-full rounded-l border border-r-0 border-slate-400 px-3 py-2"
/>
<button
class="px-4 rounded-r bg-slate-200 border border-l-0 border-slate-400"

2
src/views/ImportAccountView.vue

@ -20,7 +20,7 @@
<input
type="text"
placeholder="Seed Phrase"
class="block w-full rounded border-slate-400 mb-4"
class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
/>
<div class="mt-8">
<input

4
src/views/NewEditAccountView.vue

@ -16,12 +16,12 @@
<input
type="text"
placeholder="First Name"
class="block w-full rounded border-slate-400 mb-4"
class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
/>
<input
type="text"
placeholder="Last Name"
class="block w-full rounded border-slate-400 mb-4"
class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
/>
<div class="mt-8">

6
src/views/NewEditCommitmentView.vue

@ -17,7 +17,9 @@
<!-- Project Details -->
<form>
<select class="block w-full rounded border-slate-400 mb-4">
<select
class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
>
<option disabled>Choose a commitment type</option>
<option selected>Time</option>
<option>Cryptocurrency</option>
@ -29,7 +31,7 @@
<input
type="number"
placeholder="0.0"
class="block w-full rounded-l border-slate-400"
class="block w-full rounded-l border border-slate-400 px-3 py-2"
/>
<span
class="px-4 py-2 rounded-r bg-slate-200 border border-l-0 border-slate-400"

4
src/views/NewEditProjectView.vue

@ -39,12 +39,12 @@
<input
type="text"
placeholder="Project Name"
class="block w-full rounded border-slate-400 mb-4"
class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
/>
<textarea
placeholder="Description"
class="block w-full rounded border-slate-400 mb-4"
class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
rows="5"
></textarea>
<div class="text-xs text-slate-500 italic -mt-3 mb-4">

Loading…
Cancel
Save