From 7d91cf3ab46348e1abd53902a48f1fe4f26da7b6 Mon Sep 17 00:00:00 2001
From: Damillora <developer@damillora.com>
Date: Wed, 4 Dec 2019 15:47:59 +0700
Subject: [PATCH] Update CSS

---
 assets/css/tailwind.css    |  1 +
 components/ProjectCard.vue | 27 +++++++++++++--------------
 layouts/default.vue        |  1 +
 nuxt.config.js             |  4 ++++
 4 files changed, 19 insertions(+), 14 deletions(-)

diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index a31e444..33893da 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -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';
diff --git a/components/ProjectCard.vue b/components/ProjectCard.vue
index 9f0b51e..a3caaf9 100644
--- a/components/ProjectCard.vue
+++ b/components/ProjectCard.vue
@@ -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>
diff --git a/layouts/default.vue b/layouts/default.vue
index e2ac84f..691af27 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -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;
diff --git a/nuxt.config.js b/nuxt.config.js
index 06c2412..bc82848 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -1,6 +1,10 @@
 
 export default {
   mode: 'universal',
+  server: {
+    host: '0.0.0.0',
+    port: process.env.PORT || 9796,
+  },
   /*
   ** Headers of the page
   */