Buck9195/doesitarm
1
0
Fork 0
mirror of https://github.com/ThatGuySam/doesitarm.git synced 2026-05-18 06:44:46 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Don’t render email input UI until it’s need

Browse source
This commit is contained in:
Sam Carlton 2020-11-16 12:18:02 -06:00
parent 19bb0b4692
commit 52d73fbea7
1 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
components/email-subscribe.vue
View file

@ -9,14 +9,14 @@
@submit.prevent="trySubmit" @submit.prevent="trySubmit"
> >
<label <label
v-show="isFocused" v-if="isFocused"
:for="inputId" :for="inputId"
class="block font-medium absolute" class="block font-medium absolute"
style="top: -2em;" style="top: -2em;"
>Email</label> >Email</label>
<div class="mt-1 relative rounded-md shadow-sm"> <div class="mt-1 relative rounded-md shadow-sm">
<div <div
v-show="isFocused" v-if="isFocused"
class="absolute inset-y-0 left-0 pl-1 flex items-center pointer-events-none" class="absolute inset-y-0 left-0 pl-1 flex items-center pointer-events-none"
> >
<!-- Heroicon name: mail --> <!-- Heroicon name: mail -->
@ -47,7 +47,7 @@
</div> </div>
<div <div
v-show="feedbackMessage" v-if="feedbackMessage"
class="text-center p-4" class="text-center p-4"
> >
{{ feedbackMessage }} {{ feedbackMessage }}