Update CSS

This commit is contained in:
Damillora 2019-12-04 15:47:59 +07:00
parent 4995841aaf
commit 7d91cf3ab4
4 changed files with 19 additions and 14 deletions

View File

@ -1,3 +1,4 @@
@import url('https://fonts.googleapis.com/css?family=Exo+2:300,400,500&display=swap');
@import 'tailwindcss/base'; @import 'tailwindcss/base';
@import 'tailwindcss/components'; @import 'tailwindcss/components';
@import 'tailwindcss/utilities'; @import 'tailwindcss/utilities';

View File

@ -1,5 +1,8 @@
<template> <template>
<div class="card project-card"> <div class="card project-card">
<div class="card-image">
</div>
<div class="card-content">
<div class="card-title"> <div class="card-title">
<h1>{{name}}</h1> <h1>{{name}}</h1>
</div> </div>
@ -7,7 +10,8 @@
<p>{{description}}</p> <p>{{description}}</p>
</div> </div>
<div class="card-footer"> <div class="card-footer">
<p><a :href="url">Website</a></p> <p><a :href="url || '#'">Website</a></p>
</div>
</div> </div>
</div> </div>
</template> </template>
@ -20,16 +24,11 @@ export default {
<style> <style>
.project-card { .project-card {
@apply mx-4 my-4 w-full; @apply mx-4 my-4 w-full flex flex-col;
} }
@screen md { @screen md {
.project-card { .project-card {
@apply w-1/2; @apply flex-row;
}
}
@screen lg {
.project-card {
@apply w-1/3;
} }
} }
</style> </style>

View File

@ -21,6 +21,7 @@ export default {
</script> </script>
<style> <style>
.root { .root {
@apply font-sans;
background: url("~assets/bg.png") no-repeat center center fixed; background: url("~assets/bg.png") no-repeat center center fixed;
background-size: cover; background-size: cover;
min-height: 100vh; min-height: 100vh;

View File

@ -1,6 +1,10 @@
export default { export default {
mode: 'universal', mode: 'universal',
server: {
host: '0.0.0.0',
port: process.env.PORT || 9796,
},
/* /*
** Headers of the page ** Headers of the page
*/ */