From f9ebff9311ded76afde3d2001fbba671f8ee09c2 Mon Sep 17 00:00:00 2001
From: Azri Kahar <42867097+azrikahar@users.noreply.github.com>
Date: Thu, 24 Jun 2021 09:05:13 +0800
Subject: fix card border radius when it's the only child

---
 src/assets/app.scss | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

(limited to 'src')

diff --git a/src/assets/app.scss b/src/assets/app.scss
index 48c60ae..924b85a 100644
--- a/src/assets/app.scss
+++ b/src/assets/app.scss
@@ -224,7 +224,6 @@ body {
   }
 
   .card {
-    border-radius: 5px;
     border: none;
     box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
     transition: cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
@@ -260,11 +259,13 @@ body {
     }
 
     .column div:first-of-type .card {
-      border-radius: 5px 5px 0 0;
+      border-top-left-radius: 0.25rem;
+      border-top-right-radius: 0.25rem;
     }
 
     .column div:last-child .card {
-      border-radius: 0 0 5px 5px;
+      border-bottom-left-radius: 0.25rem;
+      border-bottom-right-radius: 0.25rem;
     }
   }
 
@@ -348,4 +349,4 @@ body {
 
 .group-logo {
   float: left;
-}
\ No newline at end of file
+}
-- 
cgit v1.2.3