style: update jquery.sweetalert.css for improved layout and word handling

- Increased max-width of swaltext to 600px for better responsiveness.
- Added styles to ensure p tags without pre children break words to prevent overflow.
This commit is contained in:
Zack Spear
2025-06-11 14:05:02 -07:00
parent 02b2be2c2a
commit c2a59063b2

View File

@@ -34,7 +34,7 @@ pre#swaltext {
font-family: clear-sans;
text-align: center;
width: 90vw;
max-width: 480px;
max-width: 600px;
padding: 2rem;
max-height: 95vh;
position: fixed;
@@ -77,6 +77,12 @@ pre#swaltext {
line-height: normal;
}
/* take p tags that don't have a pre child inside and make them break words to prevent overflow */
p:not(:has(pre)) {
overflow-wrap: break-word;
white-space: pre-wrap;
}
pre {
font-size: 1.5rem;
}