fix(styling): tailwind background colour and border on page elements

lukeocodes · lukeocodes · commit 03a76c626500 · 2020-11-14T10:40:08.000Z
diff --git a/pages/blog/index.vue b/pages/blog/index.vue
@@ -8,7 +8,7 @@
         <div
           v-for="(post, index) in posts"
           :key="index"
-          class="px-6 no-underline bg-gray-200 rounded-lg shadow-lg"
+          class="px-6 border rounded-lg shadow"
         >
           <h3>
             <nuxt-link :to="`/blog/${post.slug}`">{{ post.title }}</nuxt-link>
diff --git a/pages/index.vue b/pages/index.vue
@@ -24,7 +24,7 @@
         <div
           v-for="(blurb, index) in page.intro.blurbs"
           :key="index"
-          class="flex flex-col items-center justify-top"
+          class="flex flex-col items-center px-6 border rounded-lg shadow justify-top"
         >
           <img class="h-32" :src="blurb.image" />
           <p class="mt-2 text-justify">{{ blurb.text }}.</p>
@@ -43,7 +43,7 @@
         <div
           v-for="(post, index) in posts"
           :key="index"
-          class="px-6 no-underline bg-gray-200 rounded-lg shadow-lg"
+          class="px-6 border rounded-lg shadow"
         >
           <h3>
             <nuxt-link :to="`/blog/${post.slug}`">{{ post.title }}</nuxt-link>

Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,7 @@`
`8`	`8`	`<div`
`9`	`9`	`v-for="(post, index) in posts"`
`10`	`10`	`:key="index"`
`11`		`- class="px-6 no-underline bg-gray-200 rounded-lg shadow-lg"`
	`11`	`+ class="px-6 border rounded-lg shadow"`
`12`	`12`	`>`
`13`	`13`	`<h3>`
`14`	`14`	<nuxt-link :to="`/blog/${post.slug}`">{{ post.title }}</nuxt-link>