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
- {`${u.name}'s + {`${u.name}'s
@@ -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 +}