Stack ChatGPT marker above assistant content
This commit is contained in:
+3
-3
@@ -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; }
|
||||
|
||||
Reference in New Issue
Block a user