From 44bab22a0a1c71190e4c3b2bd82d23833fe93bbc Mon Sep 17 00:00:00 2001
From: Ankur Oberoi <aoberoi@gmail.com>
Date: Wed, 26 Jan 2022 19:52:55 -0800
Subject: [PATCH] fixes issue with border opacity by choosing non-deprecated
 tailwind syntax

see: https://github.com/tailwindlabs/tailwindcss/pull/6926
---
 pages/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index 70f16b0..c7e62cb 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -17,8 +17,8 @@ export default function Home({ posts }: HomeProps) {
           <tbody>
             {posts.map((post) => (
               <tr key={post.slug}>
-                <td className="pr-4 py-3 border-b border-opacity-10 text-right opacity-40">{formatInTimeZone(post.date * 1000, 'MMMM do, R', 'UTC')}</td>
-                <td className="pl-4 py-3 border-b border-opacity-10 text-left">
+                <td className="pr-4 py-3 border-b border-gray-200/10 text-right opacity-40">{formatInTimeZone(post.date * 1000, 'MMMM do, R', 'UTC')}</td>
+                <td className="pl-4 py-3 border-b border-gray-200/10 text-left">
                   <Link href={`/p/${post.slug}`} passHref={true}>
                     <a className="text-red-700 underline">{post.title}</a>
                   </Link>