fix nav on mobile in gallery

This commit is contained in:
chris 2025-02-19 23:45:45 -05:00
parent d656f79bf2
commit 169d1977b4
5 changed files with 39 additions and 4 deletions

View File

@ -51,8 +51,8 @@
} }
.modal-image { .modal-image {
max-width: 90%; max-width: 95%; /* Slightly larger max-width */
max-height: 90vh; max-height: 95vh; /* Slightly larger max-height */
display: block; display: block;
margin: 0 auto; margin: 0 auto;
border-radius: 10px; border-radius: 10px;
@ -76,6 +76,13 @@
<a class="navbar-item" href="../../index.html"> <a class="navbar-item" href="../../index.html">
<img style="background-color: white;" src="../../assets/logo/BeachPartyBalloons-logo.png" alt="Beach Party Balloons logo"> <img style="background-color: white;" src="../../assets/logo/BeachPartyBalloons-logo.png" alt="Beach Party Balloons logo">
</a> </a>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div> </div>
<div id="navbarBasicExample" class="navbar-menu has-text-right"> <div id="navbarBasicExample" class="navbar-menu has-text-right">
<div class="navbar-end"> <div class="navbar-end">

View File

@ -66,8 +66,8 @@ cat > "$OUTPUT_FILE" <<EOL
} }
.modal-image { .modal-image {
max-width: 90%; max-width: 95%; /* Slightly larger max-width */
max-height: 90vh; max-height: 95vh; /* Slightly larger max-height */
display: block; display: block;
margin: 0 auto; margin: 0 auto;
border-radius: 10px; border-radius: 10px;
@ -91,6 +91,13 @@ cat > "$OUTPUT_FILE" <<EOL
<a class="navbar-item" href="../../index.html"> <a class="navbar-item" href="../../index.html">
<img style="background-color: white;" src="../../assets/logo/BeachPartyBalloons-logo.png" alt="Beach Party Balloons logo"> <img style="background-color: white;" src="../../assets/logo/BeachPartyBalloons-logo.png" alt="Beach Party Balloons logo">
</a> </a>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div> </div>
<div id="navbarBasicExample" class="navbar-menu has-text-right"> <div id="navbarBasicExample" class="navbar-menu has-text-right">
<div class="navbar-end"> <div class="navbar-end">

View File

@ -91,6 +91,13 @@ cat > "$OUTPUT_FILE" <<EOL
<a class="navbar-item" href="../../index.html"> <a class="navbar-item" href="../../index.html">
<img style="background-color: white;" src="../../assets/logo/BeachPartyBalloons-logo.png" alt="Beach Party Balloons logo"> <img style="background-color: white;" src="../../assets/logo/BeachPartyBalloons-logo.png" alt="Beach Party Balloons logo">
</a> </a>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div> </div>
<div id="navbarBasicExample" class="navbar-menu has-text-right"> <div id="navbarBasicExample" class="navbar-menu has-text-right">
<div class="navbar-end"> <div class="navbar-end">

View File

@ -91,6 +91,13 @@ cat > "$OUTPUT_FILE" <<EOL
<a class="navbar-item" href="../../index.html"> <a class="navbar-item" href="../../index.html">
<img style="background-color: white;" src="../../assets/logo/BeachPartyBalloons-logo.png" alt="Beach Party Balloons logo"> <img style="background-color: white;" src="../../assets/logo/BeachPartyBalloons-logo.png" alt="Beach Party Balloons logo">
</a> </a>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div> </div>
<div id="navbarBasicExample" class="navbar-menu has-text-right"> <div id="navbarBasicExample" class="navbar-menu has-text-right">
<div class="navbar-end"> <div class="navbar-end">

View File

@ -91,6 +91,13 @@ cat > "$OUTPUT_FILE" <<EOL
<a class="navbar-item" href="../../index.html"> <a class="navbar-item" href="../../index.html">
<img style="background-color: white;" src="../../assets/logo/BeachPartyBalloons-logo.png" alt="Beach Party Balloons logo"> <img style="background-color: white;" src="../../assets/logo/BeachPartyBalloons-logo.png" alt="Beach Party Balloons logo">
</a> </a>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div> </div>
<div id="navbarBasicExample" class="navbar-menu has-text-right"> <div id="navbarBasicExample" class="navbar-menu has-text-right">
<div class="navbar-end"> <div class="navbar-end">