Merge pull request #146 from waifuvault/fix-mobile-buttons

Update CSS to fix sdk button issues on small screen
waifuvault · Apr 6, 2024 · ba19668 · ba19668
2 parents 4d7030c + 38e088e
commit ba19668
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/src/public/assets/custom/css/index.css b/src/public/assets/custom/css/index.css
@@ -111,9 +111,12 @@
     #victorique {
         display: none;
     }
-    #phpSdxButton{
+    .sdkButton {
         width: 100% !important;
     }
+    #sdkWrapper > div.row {
+        margin-bottom: 0 !important;
+    }
 }
 
 .card > i {

diff --git a/src/public/index.ejs b/src/public/index.ejs
@@ -159,7 +159,7 @@
 
         <div class="row align-items-md-stretch mb-4">
             <div class="col-md-12">
-                <div class="h-100 p-5 text-bg-dark rounded-3 border border-warning-subtle bg-body-tertiary">
+                <div id="sdkWrapper" class="h-100 p-5 text-bg-dark rounded-3 border border-warning-subtle bg-body-tertiary">
                     <h2 class="mb-4 text-center">Bespoke SDKs</h2>
                     <h6 class="text-center mb-4">Official SDKs for interacting with waifuvault</h6>
                     <div class="row align-items-md-stretch mb-4">
@@ -229,7 +229,7 @@
                                     <p class="card-text">
                                         The official Rust SDK
                                     </p>
-                                    <a class="btn btn-primary btn-sm w-25" href="https://crates.io/crates/waifuvault" target="_blank">Rust SDK</a>
+                                    <a class="btn btn-primary btn-sm w-25 sdkButton" href="https://crates.io/crates/waifuvault" target="_blank">Rust SDK</a>
                                 </div>
                             </div>
                         </div>
@@ -241,7 +241,7 @@
                                     <p class="card-text">
                                         The official PHP SDK
                                     </p>
-                                        <a class="btn btn-primary btn-sm w-25" id="phpSdxButton" href="https://packagist.org/packages/ernestmarcinko/waifuvault-php-api" target="_blank">PHP SDK</a>
+                                        <a class="btn btn-primary btn-sm w-25 sdkButton" href="https://packagist.org/packages/ernestmarcinko/waifuvault-php-api" target="_blank">PHP SDK</a>
                                 </div>
                             </div>
                         </div>