From 0c57525807ec6bb277ce7a23d95b8757feca4898 Mon Sep 17 00:00:00 2001 From: Codex Date: Wed, 8 Jul 2026 05:55:41 +0000 Subject: [PATCH] Stack ChatGPT marker above assistant content --- src/render.ts | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/render.ts b/src/render.ts index 228ffa6..8de00c1 100644 --- a/src/render.ts +++ b/src/render.ts @@ -60,12 +60,12 @@ a { color: inherit; } h1 { margin: 0; font-size: clamp(28px, 5vw, 44px); line-height: 1.12; letter-spacing: 0; } .conversation { max-width: 880px; margin: 0 auto; padding: 4px 20px 36px; } .message { padding: 18px 0; } -.message.assistant { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 14px; } +.message.assistant { display: block; } .message.user { display: flex; justify-content: flex-end; } .message.user .content-wrap { max-width: min(72%, 620px); } .message.user .content { background: var(--user-bubble); border-radius: 18px; padding: 10px 16px; line-height: 1.55; } .message.user .content p { margin: 0; } -.avatar { width: 28px; height: 28px; display: grid; place-items: center; margin-top: 2px; } +.avatar { width: 28px; height: 28px; display: grid; place-items: center; margin: 0 0 10px; } .assistant-icon { width: 28px; height: 28px; display: block; border-radius: 50%; } .role { display: none; } .content { min-width: 0; overflow-wrap: anywhere; } @@ -108,7 +108,7 @@ h1 { margin: 0; font-size: clamp(28px, 5vw, 44px); line-height: 1.12; letter-spa .title { padding: 26px 16px 12px; } .conversation { padding: 0 16px 28px; } .message { padding: 16px 0; } - .message.assistant { grid-template-columns: 28px minmax(0, 1fr); gap: 8px; } + .message.assistant { display: block; } .message.user .content-wrap { max-width: 84%; } .message.user .content { border-radius: 18px; padding: 9px 14px; } .avatar, .assistant-icon { width: 26px; height: 26px; }