diff --git a/src/app.scss b/src/app.scss index b71afa8..b0d93cf 100644 --- a/src/app.scss +++ b/src/app.scss @@ -315,6 +315,10 @@ select option.is-default { text-decoration: none !important; } +.chat-header .subtitle svg { + font-size: 12px; +} + .content { font-size: 15px; line-height: 30px; @@ -742,10 +746,11 @@ aside.menu.main-menu .menu-expanse { } .content.running-total-container { - min-height:1em; - // padding-bottom:.6em; - // /* padding-left: 1.9em; */ - margin-bottom: .5em; + min-height: 1em; + margin-bottom: 0; + font-size: 8px !important; + line-height: 1; + color: transparent; } .content.credit-footer { @@ -967,6 +972,7 @@ aside.menu.main-menu .menu-expanse { .modern-sidebar { transition: width 0.3s ease; border-right: 1px solid rgba(255, 255, 255, 0.1); + white-space: nowrap; &.collapsed { width: var(--sidebarCollapsedWidth) !important; @@ -1010,7 +1016,7 @@ aside.menu.main-menu .menu-expanse { font-size: 14px; img { - margin-right: 8px; + width: 20px; height: 20px; } diff --git a/src/lib/Chat.svelte b/src/lib/Chat.svelte index c7dc568..d1a7822 100644 --- a/src/lib/Chat.svelte +++ b/src/lib/Chat.svelte @@ -29,6 +29,8 @@ faPenToSquare, faMicrophone, faLightbulb, + faClone, + faTrash, faCommentSlash, faCircleCheck } from '@fortawesome/free-solid-svg-icons/index' @@ -202,7 +204,7 @@ // Clear the input value input.value = '' - // input.blur() + input.style.height = 'auto' focusInput() } @@ -395,8 +397,6 @@ {chat.name || `New Chat`} - -

@@ -450,9 +450,6 @@

-

- -

@@ -475,7 +472,7 @@
{#each Object.entries(chat.usage || {}) as [model, usage]} -

+

{getModelDetail(model || '').label || model} total {usage.total_tokens} tokens ~= ${getPrice(usage, model).toFixed(6)}