wazolab/portfolio
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Add gradient background to Hero component

Browse Source
This commit is contained in:
Noé Viricel
2020-10-26 16:23:34 +01:00
parent e2d34af249
commit c55f59c388
1 changed files with 26 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/Hero.vue
View File

@@ -1,4 +1,7 @@
<template> <template>
<div
class="h-screen rounded-b-3xl shadow-xl bg-gradient-to-r from-blue-300 to-blue-700 flex items-center"
>
<div class="rounded-3xl bg-white w-1/2 mx-auto p-6 shadow-xl text-center"> <div class="rounded-3xl bg-white w-1/2 mx-auto p-6 shadow-xl text-center">
<Logo /> <Logo />
<h1 class="font-mono text-2xl"> <h1 class="font-mono text-2xl">
@@ -23,6 +26,7 @@
</a> </a>
</div> </div>
</div> </div>
</div>
</template> </template>
<script> <script>