home.tpl: styling

nixos-asia · Dec 5, 2023 · cd6082d · cd6082d
1 parent 235167a
commit cd6082d
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/templates/home.tpl b/templates/home.tpl
@@ -1,14 +1,16 @@
 <apply template="base">
     <bind tag="body-main">
         <div class="container max-w-screen-md mx-auto mt-8 flex flex-col items-center justify-center">
-            <bind tag="cardClass">rounded-lg shadow-md m-4 bg-white </bind>
+            <bind tag="cardClass">rounded-lg shadow-sm m-4 bg-white hover:shadow-lg hover:opacity-100 opacity-50
+                active:shadow-sm
+            </bind>
             <bind tag="cardSmallClass">rounded-lg hover:shadow-md m-4 hover:bg-white flex-shrink-0 </bind>
             <bind tag="linkClass">underline</bind>
 
             <!-- Topmost card -->
             <div style="max-width: 40em;"
                 class="${cardClass} px-4 py-6 flex flex-col items-center justify-center space-y-4">
-                <div class="w-32 hover:w-64 flex-shrink-0">
+                <div class="w-32 flex-shrink-0">
                     <ema:metadata>
                         <with var="template">
                             <a href="en" title="Visit the English version of NixOS Asia">