-
Notifications
You must be signed in to change notification settings - Fork 0
/
Home.vue
68 lines (63 loc) · 2.07 KB
/
Home.vue
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!--script setup lang="ts">
import IconLogo from "@/icons/IconLogo.vue"
</script>
<template>
<div class="relative mt-20 lg:px-4 max-w-md mx-auto sm:px-3">
<IconLogo class= "flex justify-center pt-4 sm:justify-start sm:pt-0 w-4/5 y-4/2 h-auto m-auto bg-transparent"/>
<div class="flex justify-center text-lg mt-10 space-x-5">
<AppLink
to="/login"
class="btn btn-primary"
data-testid="login-link"
>
Iniciar sesión
</AppLink>
<AppLink
to="/register"
class="btn btn-default"
data-testid="register-link"
>
Registrarse
</AppLink>
</div>
</div>
</template-->
<script setup lang="ts">
import IconLogo from "@/icons/IconLogo.vue"
</script>
<template>
<div class="m-10 sm:my-20 bg-base-100">
<div class="sm:grid grid-cols-2 gap-4">
<div class="my-auto"><IconLogo class= "w-full h-full"/></div>
<div class="my-auto">
<div class="">
<div class="text-[#6C63FF] wx-full mx-auto grid justify-items-stretch my-3">
<p class="text-xl justify-self-center">Backend / Frontend</p>
</div>
<div class="text-current wx-full mx-auto grid justify-items-stretch my-3">
<p class="text-3xl justify-self-center">LaraVuel [api*spa]</p>
</div>
<div class="w-full wx-full wx-full mx-auto grid justify-items-stretch my-3">
<p class="text-lg dark:text-gray-300 justify-self-center">Laravel & Vue (Scaffolding)</p>
</div>
<div class="flex justify-center text-lg my-10 space-x-5">
<AppLink
to="/login"
class="btn btn-primary"
data-testid="login-link"
>
Iniciar Sesión
</AppLink>
<AppLink
to="/register"
class="btn btn-default"
data-testid="register-link"
>
Registrarse
</AppLink>
</div>
</div>
</div>
</div>
</div>
</template>