Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: add Vuesax framework ui (#424)
- Loading branch information
1 parent
56974fe
commit 952dc47
Showing
9 changed files
with
262 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,15 @@ | ||
<template lang=""> | ||
<div class="vuesax-logo"> | ||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 680.69 725.78"><title>Recurso 47</title><g id="Capa_2" data-name="Capa 2"><g id="Capa_1-2" data-name="Capa 1"><polygon points="680.42 59.35 555.03 59.35 340.34 391.82 125.67 59.35 0.27 59.35 340.35 586 680.42 59.35" /><polygon points="340.34 644.59 52.42 198.71 0 198.71 340.33 725.78 680.69 198.71 628.26 198.71 340.34 644.59" /><polygon points="518.83 10.13 340.33 281.52 161.87 10.13 293.21 43.27 293.21 0 387.48 0 387.48 43.27 518.83 10.13" /></g></g></svg> | ||
</div> | ||
</template> | ||
<style> | ||
.vuesax-logo { | ||
width: 100%; | ||
max-width: 170px; | ||
} | ||
.vuesax-logo svg { | ||
width: 100%; | ||
fill: #35495e | ||
} | ||
</style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,134 @@ | ||
<template> | ||
<div class="container"> | ||
<div> | ||
<header class="content-logos"> | ||
<logo /> | ||
<span class="plus">+</span> | ||
<VuesaxLogo /> | ||
</header> | ||
<h1 class="title"> | ||
Nuxt.js + Vuesax | ||
</h1> | ||
<h2 class="subtitle"> | ||
<a href="https://vuesax.com/">Vuesax</a> is a framework of ui components for <a href="https://vuejs.org/">Vuejs</a>, It was created to make new interfaces that have a new trend and are visually beautiful | ||
</h2> | ||
<div class="links"> | ||
<h3 class="h3"> | ||
Vuesax | ||
</h3> | ||
<a | ||
href="https://vuesax.com/" | ||
target="_blank" | ||
class="button--green" | ||
> | ||
Documentation | ||
</a> | ||
<a | ||
href="https://discordapp.com/invite/9dsKtvB" | ||
target="_blank" | ||
class="button--grey" | ||
> | ||
Discord | ||
</a> | ||
<a | ||
href="https://github.com/lusaxweb/vuesax" | ||
target="_blank" | ||
class="button--grey" | ||
> | ||
GitHub | ||
</a> | ||
</div> | ||
<div class="links"> | ||
<h3 class="h3"> | ||
Nuxt.js | ||
</h3> | ||
<a | ||
href="https://nuxtjs.org/" | ||
target="_blank" | ||
class="button--green" | ||
> | ||
Documentation | ||
</a> | ||
<a | ||
href="https://github.com/nuxt/nuxt.js" | ||
target="_blank" | ||
class="button--grey" | ||
> | ||
GitHub | ||
</a> | ||
</div> | ||
</div> | ||
</div> | ||
</template> | ||
|
||
<script> | ||
import Logo from '~/components/Logo.vue' | ||
import VuesaxLogo from '~/components/VuesaxLogo.vue' | ||
export default { | ||
components: { | ||
Logo, | ||
VuesaxLogo | ||
} | ||
} | ||
</script> | ||
|
||
<style> | ||
.container { | ||
margin: 0 auto; | ||
min-height: 100vh; | ||
display: flex; | ||
justify-content: center; | ||
align-items: center; | ||
text-align: center; | ||
} | ||
.title { | ||
font-family: 'Quicksand', 'Source Sans Pro', -apple-system, BlinkMacSystemFont, | ||
'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; | ||
display: block; | ||
font-weight: 300; | ||
font-size: 55px; | ||
color: #35495e; | ||
letter-spacing: 1px; | ||
text-transform: capitalize; | ||
margin: 25px 0px | ||
} | ||
.subtitle { | ||
font-weight: 300; | ||
font-size: 1.1rem; | ||
color: #526488; | ||
word-spacing: 2px; | ||
padding-bottom: 15px; | ||
max-width: 600px; | ||
} | ||
.subtitle a { | ||
font-weight: 500; | ||
color: inherit | ||
} | ||
.links { | ||
padding-top: 15px; | ||
margin-bottom: 20px | ||
} | ||
.content-logos { | ||
display: flex; | ||
align-items: center; | ||
justify-content: center; | ||
min-width: 500px; | ||
} | ||
.plus { | ||
font-size: 2.5rem; | ||
margin: 15px; | ||
color: #35495e | ||
} | ||
.h3 { | ||
font-family: 'Quicksand', 'Source Sans Pro', -apple-system, BlinkMacSystemFont, | ||
'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; | ||
font-weight: 400; | ||
margin: 10px; | ||
} | ||
</style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,4 @@ | ||
import Vue from 'vue' | ||
import Vuesax from 'vuesax' | ||
|
||
Vue.use(Vuesax) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Binary file not shown.