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/components';
@import 'tailwindcss/utilities';

View File

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

View File

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

View File

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