style: enhance #swalbody and #swaltext styles

- Added new styles for pre#swalbody to improve typography and layout.
- Adjusted padding and font sizes for better readability.
- Ensured consistent margin and padding resets for various elements within pre#swalbody.

This update aims to enhance the visual presentation of the nchan live log output and changelog content.
This commit is contained in:
Zack Spear
2025-06-10 15:02:16 -07:00
parent 9b79ebf37c
commit 64a0dbafce
@@ -14,6 +14,12 @@ body.stop-scrolling {
z-index: 10000;
}
/* #swaltext is the nchan live log output and #swalbody is content like a changelog */
pre#swalbody {
font-family: clear-sans;
}
pre#swalbody,
pre#swaltext {
text-align: left;
@@ -71,6 +77,10 @@ pre#swaltext {
line-height: normal;
}
pre {
font-size: 1.5rem;
}
hr {
display: none;
}
@@ -424,17 +434,16 @@ pre#swaltext {
min-height: 0;
margin: 0 -2rem;
padding: 0;
scrollbar-width: thin;
}
pre#swalbody,
pre#swaltext {
flex: 1 1 auto;
min-height: 0;
max-height: 100%;
overflow: auto;
margin: 0;
padding: 1rem 2rem;
scrollbar-width: thin;
padding: 2rem;
p {
margin: 0;
@@ -448,6 +457,34 @@ pre#swaltext {
padding: 0 1rem;
}
}
pre#swalbody {
line-height: 1;
overflow-wrap: break-word;
white-space: pre-wrap;
/* reset all margins and paddings */
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
blockquote {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
}
pre#swaltext {
font-size: 1.2rem;
}
}
/* Typography */