Stack ChatGPT marker above assistant content

This commit is contained in:
Codex
2026-07-08 05:55:41 +00:00
parent 02419f7161
commit 0c57525807
+3 -3
View File
@@ -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; }