fix styling of buttons

This commit is contained in:
Aidan 2024-12-17 01:46:49 -05:00
parent ec147ed9e5
commit c2817932a8
No known key found for this signature in database
GPG Key ID: 1773A01F0EFE4FC1

View File

@ -55,16 +55,16 @@
<div class="container mx-auto p-4"> <div class="container mx-auto p-4">
<h1 class="text-4xl font-bold text-white text-center my-20">What are you looking for?</h1> <h1 class="text-4xl font-bold text-white text-center my-20">What are you looking for?</h1>
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
<a href="/apps" class="bg-slate-800 bg-opacity-50 backdrop-blur-md rounded-lg shadow-md p-6 flex flex-col justify-between no-underline text-white hover:bg-opacity-70 transition duration-300"> <a href="/apps" class="bg-slate-800 bg-opacity-50 backdrop-blur-md rounded-lg shadow-md p-10 flex flex-col justify-between no-underline text-white hover:bg-opacity-70 transition duration-300">
<div class="flex flex-col items-center"> <div class="flex flex-col items-center">
<i class="fas fa-th-large text-9xl text-gray-300"></i> <i class="fa-brands fa-google-play text-9xl text-gray-300"></i>
<h2 class="text-4xl font-bold text-gray-300 mt-4">Apps</h2> <h2 class="text-4xl font-bold text-gray-300 mt-12">Apps</h2>
</div> </div>
</a> </a>
<a href="/modules" class="bg-slate-800 bg-opacity-50 backdrop-blur-md rounded-lg shadow-md p-6 flex flex-col justify-between no-underline text-white hover:bg-opacity-70 transition duration-300"> <a href="/modules" class="bg-slate-800 bg-opacity-50 backdrop-blur-md rounded-lg shadow-md p-10 flex flex-col justify-between no-underline text-white hover:bg-opacity-70 transition duration-300">
<div class="flex flex-col items-center"> <div class="flex flex-col items-center">
<i class="fas fa-puzzle-piece text-9xl text-gray-300"></i> <i class="fas fa-puzzle-piece text-9xl text-gray-300"></i>
<h2 class="text-4xl font-bold text-gray-300 mt-4">Modules</h2> <h2 class="text-4xl font-bold text-gray-300 mt-12">Modules</h2>
</div> </div>
</a> </a>
</div> </div>