Provider details: Add subtle shadow to cards

xsf · Sep 16, 2023 · afbeda1 · afbeda1
1 parent 4c6f6ad
commit afbeda1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/themes/xmpp-providers/layouts/shortcodes/apps-integration.html b/themes/xmpp-providers/layouts/shortcodes/apps-integration.html
@@ -1,7 +1,7 @@
 {{ $clients_data := .Site.Data.implementing_clients }}
 
 {{ range $clients_data }}
-    <div class="card my-3" style="max-width: 540px;">
+    <div class="card my-3 shadow-sm" style="max-width: 540px;">
         <div class="row g-0">
             <div class="col-md-4">
                 <img src="/logo/{{ lower .name }}.png" class="img-fluid rounded-start p-4" alt="{{ .name }} logo">

diff --git a/themes/xmpp-providers/layouts/shortcodes/provider-details.html b/themes/xmpp-providers/layouts/shortcodes/provider-details.html
@@ -45,7 +45,7 @@
 </div>
 <div class="row justify-content-center">
     <div class="col-md-6 pb-4">
-        <div class="card h-100">
+        <div class="card shadow-sm h-100">
             <div class="card-header">
                 <i class="fa-solid fa-hands-holding-circle text-muted"></i> Service
             </div>
@@ -119,7 +119,7 @@
         </div>
     </div>
     <div class="col-md-6 pb-4">
-        <div class="card h-100">
+        <div class="card shadow-sm h-100">
             <div class="card-header">
                 <i class="fa-solid fa-server text-muted"></i> Server
             </div>
@@ -333,7 +333,7 @@ <h4>File Sharing (<a href="/faq/#http-upload" class="abbr">HTTP Upload</a>)</h4>
 </div>
 <div class="row pt-3">
     <div class="col-md-6 pb-4">
-        <div class="card h-100">
+        <div class="card shadow-sm h-100">
             <div class="card-header">
                 <i class="fa-solid fa-shield-halved text-muted"></i> Compatibility / Security
             </div>
@@ -368,7 +368,7 @@ <h4>File Sharing (<a href="/faq/#http-upload" class="abbr">HTTP Upload</a>)</h4>
         </div>
     </div>
     <div class="col-md-6 pb-4">
-        <div class="card h-100">
+        <div class="card shadow-sm h-100">
             <div class="card-header">
                 <i class="fa-solid fa-address-card text-muted"></i> Contact
             </div>