diff --git a/src/main.tsx b/src/main.tsx
index 45c87c2..fb147a2 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -42,6 +42,9 @@ type IrcMessage = {
const URL = /(((?:https?|gopher):\/\/|www\d{0,3}[.]|[a-z0-9.\-]+[.][a-z]{2,4}\/|spotify:track:)((?:\(?[^\s()<>]+\)?)*[^ \s`!\[\]{};:\'".,<>?\xab\xbb\u201c\u201d\u2018\u2019]))/i;
+// NOTE: When chaging, also update --pfp-size in style.css
+const pfp_size = 48;
+
function parseMessage(m: string): MessageFrag[] {
m = m.trimEnd();
const parts: MessageFrag[] = [];
@@ -217,7 +220,7 @@ function renderMessageGroup(m: MsgGroup): HtmlEnt {
if (u !== undefined) {
return
-
+
@@ -267,4 +270,4 @@ const elem =
;
-console.log(elem.toHtmlStr());
\ No newline at end of file
+console.log(elem.toHtmlStr());
diff --git a/style.css b/style.css
index 15f94ca..30bf3b4 100644
--- a/style.css
+++ b/style.css
@@ -2,6 +2,7 @@ html {
font-family: sans-serif;
padding: 2px;
+ /* NOTE: When chaging, also update pfp_size in src/main.tsx */
--pfp-size: 48px;
--font-size: 14pt;
--ts-font-size: calc(var(--font-size) - 2pt);
@@ -27,8 +28,6 @@ body {
}
.mg-user > .mg-pfp > img {
- width: var(--pfp-size);
- height: var(--pfp-size);
clip-path: url(#squircle);
}
@@ -141,4 +140,4 @@ body {
font-weight: bold;
font-size: calc(1.2 * var(--font-size));
-}
\ No newline at end of file
+}