This commit is contained in:
Dmitry Borisenko
2021-10-18 20:42:01 +08:00
parent 9a4695c7f8
commit 810f7a436d

View File

@@ -153,7 +153,7 @@
</ul> </ul>
<ul class="menu__main"> <ul class="menu__main">
<div class="bg-cover bg-gray-50 pt-8"> <div class="bg-cover bg-gray-50 pt-8 px-4">
<Route path="/"> <Route path="/">
<div class="cards-grid"> <div class="cards-grid">
{#each pages as pagesName, i} {#each pages as pagesName, i}
@@ -238,13 +238,13 @@
@apply pr-4 block text-gray-500 font-bold md:text-right; @apply pr-4 block text-gray-500 font-bold md:text-right;
} }
.cards-grid { .cards-grid {
@apply grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 2xl:grid-cols-3 justify-items-center; @apply grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 2xl:grid-cols-3 justify-items-center;
} }
.cards-grid-inline { .cards-grid-inline {
@apply grid grid-cols-1 justify-items-center; @apply grid grid-cols-1 justify-items-center;
} }
.card { .card {
@apply w-11/12 my-2 p-2 sm:p-2 md:p-2 lg:p-2 xl:px-8 xl:py-4 2xl:px-8 2xl:py-4 bg-white rounded-lg shadow-md lg:shadow-lg; @apply w-full p-2 sm:p-2 md:p-2 lg:p-2 xl:px-8 xl:py-4 2xl:px-8 2xl:py-4 bg-white rounded-lg shadow-md lg:shadow-lg;
} }
.card-title-gray { .card-title-gray {
@apply text-center text-lg text-gray-500 font-bold pb-6; @apply text-center text-lg text-gray-500 font-bold pb-6;