diff --git a/vite/src/styles/_chat.scss b/vite/src/styles/_chat.scss deleted file mode 100644 index e43024d..0000000 --- a/vite/src/styles/_chat.scss +++ /dev/null @@ -1,155 +0,0 @@ -/* - -* { - box-sizing: border-box; - } - html, - body, - #app { - height: 100%; - } - body { - margin: 0; - font-family: -apple-system, "system-ui", "Segoe UI Adjusted", "Segoe UI", - "Liberation Sans", sans-serif; - } - pre { - overflow-x: auto; - border-radius: 6px; - } - button { - border: none; - background-color: transparent; - color: inherit; - padding: 0; - cursor: pointer; - } - ul { - list-style: none; - padding: 0; - margin: 0; - } -*/ -#chat-app { - height: 100%; - - display: flex; - flex-direction: column; - - header { - position: relative; - width: 100%; - height: 48px; - flex-shrink: 0; - display: flex; - justify-content: center; - align-items: center; - background-color: #333; - color: white; - - & > button { - position: absolute; - padding: 12px; - } - } - - main { - flex-grow: 1; - overflow-y: auto; - } - - button.menu { - left: 0; - } - button.clear { - right: 0; - } - .hidden { - display: none; - } - - footer { - width: 100%; - padding: 8px; - display: flex; - justify-content: center; - border-top: 1px solid rgba(0, 0, 0, 0.1); - } - - #input-box { - width: 100%; - max-width: 768px; - padding: 8px; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); - min-height: 40px; - } - - .hljs-code-header { - display: flex; - justify-content: space-between; - padding: 3px 6px; - background-color: #9b9b9b; - color: #fff; - } -} - -/* - aside { - position: fixed; - top: 0; - width: 100%; - height: 100%; - z-index: 1; - display: flex; - } - .sidebar-container { - background-color: #333; - color: white; - width: 300px; - overflow-y: auto; - } - .sidebar-modal { - flex: 1 0; - min-width: 64px; - background-color: rgba(0, 0, 0, 0.3); - } - li > button { - width: 100%; - height: 48px; - text-align: left; - padding: 0 16px; - transition: background-color 0.2s; - } - li > button:hover { - background-color: rgba(255, 255, 255, 0.1); - } - main { - flex-grow: 1; - overflow-y: auto; - } -*/ -.chat-container { - display: flex; - flex-direction: column; - width: 100%; - max-width: 768px; - margin: 0 auto; - overflow-wrap: break-word; -} - -.chat-container .message { - padding: 2px 16px; -} - -.chat-container code:not(.hljs) { - color: #4d4d4d; - padding: 0 5px; - display: inline-block; -} - -.chat-container .assistant { - background-color: #f0f0f0; -} \ No newline at end of file