From a2549ff7db7469fd754464c68f951c4522a1c065 Mon Sep 17 00:00:00 2001
From: chris <chris@chrisedwards.tech>
Date: Thu, 20 Feb 2025 20:49:31 -0500
Subject: [PATCH] fix bulma modal

---
 gallery/centerpiece/index.html       | 4 ++--
 gallery/centerpiece/updateGallery.sh | 4 ++--
 gallery/classic/updateGallery.sh     | 2 +-
 gallery/organic/updateGallery.sh     | 4 ++--
 gallery/sculpture/updateGallery.sh   | 2 +-
 5 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/gallery/centerpiece/index.html b/gallery/centerpiece/index.html
index 094b2bc..f494642 100644
--- a/gallery/centerpiece/index.html
+++ b/gallery/centerpiece/index.html
@@ -62,6 +62,7 @@
             margin: 0 auto;
             border-radius: 10px;
             max-width: 90vw;
+              max-height: 90vh;
             overflow: clip;
         }
 
@@ -76,7 +77,6 @@
             background-color: transparent !important;
         }
         .modal-card-body{
-          max-width: fit-content !important;
           overflow: clip !important;
           }
     </style>
@@ -128,7 +128,7 @@
                     <div class="modal-background"></div>
                     <div class="modal-card">
                         <header class="modal-card-head">
-                            <p class="modal-card-title"></p>
+                            <p class="modal-card-title has-size-4"></p>
                             <button class="delete" aria-label="close" data-action="close"></button>
                         </header>
                         <section class="modal-card-body">
diff --git a/gallery/centerpiece/updateGallery.sh b/gallery/centerpiece/updateGallery.sh
index 3d7c107..b2f1661 100755
--- a/gallery/centerpiece/updateGallery.sh
+++ b/gallery/centerpiece/updateGallery.sh
@@ -77,6 +77,7 @@ cat > "$OUTPUT_FILE" <<EOL
             margin: 0 auto;
             border-radius: 10px;
             max-width: 90vw;
+              max-height: 90vh;
             overflow: clip;
         }
 
@@ -91,7 +92,6 @@ cat > "$OUTPUT_FILE" <<EOL
             background-color: transparent !important;
         }
         .modal-card-body{
-          max-width: fit-content !important;
           overflow: clip !important;
           }
     </style>
@@ -159,7 +159,7 @@ for img in "$IMAGE_DIR"/*.{jpg,jpeg,png,gif,webp}; do
         printf "                    <div class=\"modal-background\"></div>\n" >> "$OUTPUT_FILE"
         printf "                    <div class=\"modal-card\">\n" >> "$OUTPUT_FILE"
         printf "                        <header class=\"modal-card-head\">\n" >> "$OUTPUT_FILE"
-        printf "                            <p class=\"modal-card-title\">%s</p>\n" "$caption" >> "$OUTPUT_FILE"
+        printf "                            <p class=\"modal-card-title has-size-4\">%s</p>\n" "$caption" >> "$OUTPUT_FILE"
         printf "                            <button class=\"delete\" aria-label=\"close\" data-action=\"close\"></button>\n" >> "$OUTPUT_FILE"
         printf "                        </header>\n" >> "$OUTPUT_FILE"
         printf "                        <section class=\"modal-card-body\">\n" >> "$OUTPUT_FILE"
diff --git a/gallery/classic/updateGallery.sh b/gallery/classic/updateGallery.sh
index 27238e2..e1be888 100755
--- a/gallery/classic/updateGallery.sh
+++ b/gallery/classic/updateGallery.sh
@@ -77,6 +77,7 @@ cat > "$OUTPUT_FILE" <<EOL
             margin: 0 auto;
             border-radius: 10px;
             max-width: 90vw;
+              max-height: 90vh;
             overflow: clip;
         }
 
@@ -91,7 +92,6 @@ cat > "$OUTPUT_FILE" <<EOL
             background-color: transparent !important;
         }
         .modal-card-body{
-          max-width: fit-content !important;
           overflow: clip !important;
           }
     </style>
diff --git a/gallery/organic/updateGallery.sh b/gallery/organic/updateGallery.sh
index 490317c..ff90fff 100755
--- a/gallery/organic/updateGallery.sh
+++ b/gallery/organic/updateGallery.sh
@@ -77,6 +77,7 @@ cat > "$OUTPUT_FILE" <<EOL
             margin: 0 auto;
             border-radius: 10px;
             max-width: 90vw;
+              max-height: 90vh;
             overflow: clip;
         }
 
@@ -91,7 +92,6 @@ cat > "$OUTPUT_FILE" <<EOL
             background-color: transparent !important;
         }
         .modal-card-body{
-          max-width: fit-content !important;
           overflow: clip !important;
           }
     </style>
@@ -160,7 +160,7 @@ for img in "$IMAGE_DIR"/*.{jpg,jpeg,png,gif,webp}; do
         printf "                    <div class=\"modal-background\"></div>\n" >> "$OUTPUT_FILE"
         printf "                    <div class=\"modal-card\">\n" >> "$OUTPUT_FILE"
         printf "                        <header class=\"modal-card-head\">\n" >> "$OUTPUT_FILE"
-        printf "                            <p class=\"modal-card-title\">%s</p>\n" "$caption" >> "$OUTPUT_FILE"
+        printf "                            <p class=\"modal-card-title\ has-size-4">%s</p>\n" "$caption" >> "$OUTPUT_FILE"
         printf "                            <button class=\"delete\" aria-label=\"close\" data-action=\"close\"></button>\n" >> "$OUTPUT_FILE"
         printf "                        </header>\n" >> "$OUTPUT_FILE"
         printf "                        <section class=\"modal-card-body\">\n" >> "$OUTPUT_FILE"
diff --git a/gallery/sculpture/updateGallery.sh b/gallery/sculpture/updateGallery.sh
index 422f463..0994f27 100755
--- a/gallery/sculpture/updateGallery.sh
+++ b/gallery/sculpture/updateGallery.sh
@@ -77,6 +77,7 @@ cat > "$OUTPUT_FILE" <<EOL
             margin: 0 auto;
             border-radius: 10px;
             max-width: 90vw;
+              max-height: 90vh;
             overflow: clip;
         }
 
@@ -91,7 +92,6 @@ cat > "$OUTPUT_FILE" <<EOL
             background-color: transparent !important;
         }
         .modal-card-body{
-          max-width: fit-content !important;
           overflow: clip !important;
           }
     </style>