fix card border radius when it's the only child

This commit is contained in:
Azri Kahar 2021-06-24 09:05:13 +08:00 committed by GitHub
parent 996011956b
commit f9ebff9311
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -224,7 +224,6 @@ body {
} }
.card { .card {
border-radius: 5px;
border: none; border: none;
box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
transition: cubic-bezier(0.165, 0.84, 0.44, 1) 300ms; transition: cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
@ -260,11 +259,13 @@ body {
} }
.column div:first-of-type .card { .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 { .column div:last-child .card {
border-radius: 0 0 5px 5px; border-bottom-left-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
} }
} }