Update CSS
This commit is contained in:
parent
4995841aaf
commit
7d91cf3ab4
@ -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';
|
||||
|
@ -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>
|
||||
|
@ -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;
|
||||
|
@ -1,6 +1,10 @@
|
||||
|
||||
export default {
|
||||
mode: 'universal',
|
||||
server: {
|
||||
host: '0.0.0.0',
|
||||
port: process.env.PORT || 9796,
|
||||
},
|
||||
/*
|
||||
** Headers of the page
|
||||
*/
|
||||
|
Loading…
Reference in New Issue
Block a user