fix bulma modal

This commit is contained in:
chris 2025-02-20 20:49:31 -05:00
parent 664c95820f
commit a2549ff7db
5 changed files with 8 additions and 8 deletions

View File

@ -62,6 +62,7 @@
margin: 0 auto; margin: 0 auto;
border-radius: 10px; border-radius: 10px;
max-width: 90vw; max-width: 90vw;
max-height: 90vh;
overflow: clip; overflow: clip;
} }
@ -76,7 +77,6 @@
background-color: transparent !important; background-color: transparent !important;
} }
.modal-card-body{ .modal-card-body{
max-width: fit-content !important;
overflow: clip !important; overflow: clip !important;
} }
</style> </style>
@ -128,7 +128,7 @@
<div class="modal-background"></div> <div class="modal-background"></div>
<div class="modal-card"> <div class="modal-card">
<header class="modal-card-head"> <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> <button class="delete" aria-label="close" data-action="close"></button>
</header> </header>
<section class="modal-card-body"> <section class="modal-card-body">

View File

@ -77,6 +77,7 @@ cat > "$OUTPUT_FILE" <<EOL
margin: 0 auto; margin: 0 auto;
border-radius: 10px; border-radius: 10px;
max-width: 90vw; max-width: 90vw;
max-height: 90vh;
overflow: clip; overflow: clip;
} }
@ -91,7 +92,6 @@ cat > "$OUTPUT_FILE" <<EOL
background-color: transparent !important; background-color: transparent !important;
} }
.modal-card-body{ .modal-card-body{
max-width: fit-content !important;
overflow: clip !important; overflow: clip !important;
} }
</style> </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-background\"></div>\n" >> "$OUTPUT_FILE"
printf " <div class=\"modal-card\">\n" >> "$OUTPUT_FILE" printf " <div class=\"modal-card\">\n" >> "$OUTPUT_FILE"
printf " <header class=\"modal-card-head\">\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 " <button class=\"delete\" aria-label=\"close\" data-action=\"close\"></button>\n" >> "$OUTPUT_FILE"
printf " </header>\n" >> "$OUTPUT_FILE" printf " </header>\n" >> "$OUTPUT_FILE"
printf " <section class=\"modal-card-body\">\n" >> "$OUTPUT_FILE" printf " <section class=\"modal-card-body\">\n" >> "$OUTPUT_FILE"

View File

@ -77,6 +77,7 @@ cat > "$OUTPUT_FILE" <<EOL
margin: 0 auto; margin: 0 auto;
border-radius: 10px; border-radius: 10px;
max-width: 90vw; max-width: 90vw;
max-height: 90vh;
overflow: clip; overflow: clip;
} }
@ -91,7 +92,6 @@ cat > "$OUTPUT_FILE" <<EOL
background-color: transparent !important; background-color: transparent !important;
} }
.modal-card-body{ .modal-card-body{
max-width: fit-content !important;
overflow: clip !important; overflow: clip !important;
} }
</style> </style>

View File

@ -77,6 +77,7 @@ cat > "$OUTPUT_FILE" <<EOL
margin: 0 auto; margin: 0 auto;
border-radius: 10px; border-radius: 10px;
max-width: 90vw; max-width: 90vw;
max-height: 90vh;
overflow: clip; overflow: clip;
} }
@ -91,7 +92,6 @@ cat > "$OUTPUT_FILE" <<EOL
background-color: transparent !important; background-color: transparent !important;
} }
.modal-card-body{ .modal-card-body{
max-width: fit-content !important;
overflow: clip !important; overflow: clip !important;
} }
</style> </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-background\"></div>\n" >> "$OUTPUT_FILE"
printf " <div class=\"modal-card\">\n" >> "$OUTPUT_FILE" printf " <div class=\"modal-card\">\n" >> "$OUTPUT_FILE"
printf " <header class=\"modal-card-head\">\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 " <button class=\"delete\" aria-label=\"close\" data-action=\"close\"></button>\n" >> "$OUTPUT_FILE"
printf " </header>\n" >> "$OUTPUT_FILE" printf " </header>\n" >> "$OUTPUT_FILE"
printf " <section class=\"modal-card-body\">\n" >> "$OUTPUT_FILE" printf " <section class=\"modal-card-body\">\n" >> "$OUTPUT_FILE"

View File

@ -77,6 +77,7 @@ cat > "$OUTPUT_FILE" <<EOL
margin: 0 auto; margin: 0 auto;
border-radius: 10px; border-radius: 10px;
max-width: 90vw; max-width: 90vw;
max-height: 90vh;
overflow: clip; overflow: clip;
} }
@ -91,7 +92,6 @@ cat > "$OUTPUT_FILE" <<EOL
background-color: transparent !important; background-color: transparent !important;
} }
.modal-card-body{ .modal-card-body{
max-width: fit-content !important;
overflow: clip !important; overflow: clip !important;
} }
</style> </style>