Instadapp/smart-lookup
1
0
Fork 0
mirror of https://github.com/Instadapp/smart-lookup.git synced 2024-07-29 22:38:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update index.vue

Browse Source
This commit is contained in:
Georges KABBOUCHI 2022-06-09 18:52:08 +03:00
parent cc4a3e9a17
commit b0206a516b
1 changed files with 34 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
pages/index.vue
View File

@ -1,7 +1,38 @@
<script setup lang="ts">
const router = useRouter();
const address = ref();
const lookup = () => {
if (!address.value) {
return;
}
router.push(`/${address.value}`);
};
</script>
<template> <template>
<div class="sm:mx-auto sm:w-full sm:max-w-md"> <div class="sm:mx-auto sm:w-full sm:max-w-xl">
<div class="bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10"> <h2 class="mt-6 text-center text-3xl font-extrabold text-gray-900">
<div>Enter any address</div> Smart Lookup
</h2>
<div
class="mt-6 bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10 flex items-center gap-4"
>
<input
v-model="address"
class="appearance-none block w-full px-3 py-2 border border-gray-200 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm"
placeholder="Enter any address"
/>
<button
@click="lookup"
type="submit"
:disabled="!address"
class="flex-shrink-0 flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 disabled:bg-blue-400 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
>
Lookup
</button>
</div> </div>
</div> </div>
</template> </template>