smart-assist.css (1623B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 5 .wrapper { 6 padding: var(--space-large); 7 } 8 9 .prompt-textarea { 10 columns: 3; 11 width: 100%; 12 margin-block-end: var(--space-medium); 13 } 14 15 .message { 16 max-width: 80%; 17 word-wrap: break-word; 18 margin-bottom: var(--space-medium); 19 padding: var(--space-medium); 20 border-radius: var(--border-radius-small); 21 font-size: 14px; 22 } 23 24 .message.user { 25 --message-user-bg-light: var(--color-blue-30); 26 --message-user-bg-dark: var(--color-blue-70); 27 background-color: light-dark(var(--message-user-bg-light), var(--message-user-bg-dark)); 28 } 29 30 .message.assistant { 31 --message-assistant-bg-light: var(--color-gray-20); 32 --message-assistant-bg-dark: var(--color-gray-70); 33 background-color: light-dark(var(--message-assistant-bg-light), var(--message-assistant-bg-dark)); 34 } 35 36 .footer { 37 margin-block-start: var(--space-medium); 38 display: flex; 39 justify-content: flex-end; 40 } 41 42 .log-header { 43 display: flex; 44 justify-content: space-between; 45 align-items: center; 46 } 47 48 .log-entries { 49 display: flex; 50 gap: var(--space-medium); 51 margin-block-end: var(--space-medium); 52 flex-direction: column; 53 font-size: 12px; 54 } 55 56 .log-title { 57 font-weight: var(--font-weight-bold); 58 font-size: var(--font-size-medium); 59 margin-block-end: var(--space-medium); 60 display: block; 61 } 62 63 .log-entry { 64 border: 1px solid currentColor; 65 padding: var(--space-medium); 66 border-radius: var(--border-radius-small); 67 overflow-wrap: break-word; 68 }