btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

refactor(ui): better color schemes and empty states

Browse Source
This commit is contained in:
liyasthomas
2021-07-26 21:39:39 +05:30
parent 5258db345e
commit e60e8545a1
17 changed files with 111 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/firebase/Login.vue
View File

@@ -27,17 +27,17 @@
/>
</div>
<div v-if="mode === 'email'" class="flex flex-col space-y-2">
<div class="flex items-center">
<label for="email" class="flex px-4 items-center">
<div class="flex relative items-center">
<label for="email" class="flex px-4 absolute items-center">
<i class="opacity-75 material-icons">mail</i>
</label>
<input
id="email"
v-model="form.email"
class="rounded flex outline-none flex-1 py-2 px-4"
class="input !pl-12"
type="email"
name="email"
placeholder="enter your email"
:placeholder="$t('email')"
autocomplete="email"
required
spellcheck="false"
@@ -62,7 +62,9 @@
</div>
<div v-if="mode === 'email-sent'" class="flex flex-col px-4">
<div class="flex flex-col max-w-md justify-center items-center">
<i class="text-accent text-4xl material-icons"> verified </i>
<i class="text-accent material-icons !text-4xl">
mark_email_unread
</i>
<h3 class="font-bold my-2 text-center text-lg">
{{ $t("we_sent_magic_link") }}
</h3>