morgan/chatgpt-web
1
0
Fork 0
mirror of https://github.com/morgan9e/chatgpt-web synced 2026-04-13 16:04:05 +09:00
Code Issues Packages Projects Releases Wiki Activity

Fix some styles

Browse Source
This commit is contained in:
Morgan
2025-07-06 02:08:17 +09:00
parent f72e9402ab
commit a05278227c
2 changed files with 15 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/app.scss
View File

@@ -315,6 +315,10 @@ select option.is-default {
text-decoration: none !important; text-decoration: none !important;
} }
.chat-header .subtitle svg {
font-size: 12px;
}
.content { .content {
font-size: 15px; font-size: 15px;
line-height: 30px; line-height: 30px;
@@ -742,10 +746,11 @@ aside.menu.main-menu .menu-expanse {
} }
.content.running-total-container { .content.running-total-container {
min-height:1em; min-height: 1em;
// padding-bottom:.6em; margin-bottom: 0;
// /* padding-left: 1.9em; */ font-size: 8px !important;
margin-bottom: .5em; line-height: 1;
color: transparent;
} }
.content.credit-footer { .content.credit-footer {
@@ -967,6 +972,7 @@ aside.menu.main-menu .menu-expanse {
.modern-sidebar { .modern-sidebar {
transition: width 0.3s ease; transition: width 0.3s ease;
border-right: 1px solid rgba(255, 255, 255, 0.1); border-right: 1px solid rgba(255, 255, 255, 0.1);
white-space: nowrap;
&.collapsed { &.collapsed {
width: var(--sidebarCollapsedWidth) !important; width: var(--sidebarCollapsedWidth) !important;
@@ -1010,7 +1016,7 @@ aside.menu.main-menu .menu-expanse {
font-size: 14px; font-size: 14px;
img { img {
margin-right: 8px;
width: 20px; width: 20px;
height: 20px; height: 20px;
} }

11
src/lib/Chat.svelte
View File

@@ -29,6 +29,8 @@
faPenToSquare, faPenToSquare,
faMicrophone, faMicrophone,
faLightbulb, faLightbulb,
faClone,
faTrash,
faCommentSlash, faCommentSlash,
faCircleCheck faCircleCheck
} from '@fortawesome/free-solid-svg-icons/index' } from '@fortawesome/free-solid-svg-icons/index'
@@ -202,7 +204,7 @@
// Clear the input value // Clear the input value
input.value = '' input.value = ''
// input.blur() input.style.height = 'auto'
focusInput() focusInput()
} }
@@ -395,8 +397,6 @@
<span>{chat.name || `New Chat`}</span> <span>{chat.name || `New Chat`}</span>
<a href={'#'} class="greyscale ml-2 is-hidden has-text-weight-bold editbutton" title="Rename chat" on:click|preventDefault={promptRename}><Fa icon={faPenToSquare} /></a> <a href={'#'} class="greyscale ml-2 is-hidden has-text-weight-bold editbutton" title="Rename chat" on:click|preventDefault={promptRename}><Fa icon={faPenToSquare} /></a>
<a href={'#'} class="greyscale ml-2 is-hidden has-text-weight-bold editbutton" title="Suggest a chat name" on:click|preventDefault={suggestName}><Fa icon={faLightbulb} /></a> <a href={'#'} class="greyscale ml-2 is-hidden has-text-weight-bold editbutton" title="Suggest a chat name" on:click|preventDefault={suggestName}><Fa icon={faLightbulb} /></a>
<!-- <a href={'#'} class="greyscale ml-2 is-hidden has-text-weight-bold editbutton" title="Copy this chat" on:click|preventDefault={() => { copyChat(chatId) }}><Fa icon={faClone} /></a> -->
<!-- <a href={'#'} class="greyscale ml-2 is-hidden has-text-weight-bold editbutton" title="Delete this chat" on:click|preventDefault={deleteChat}><Fa icon={faTrash} /></a> -->
</p> </p>
</div> </div>
</div> </div>
@@ -450,9 +450,6 @@
<p class="control settings"> <p class="control settings">
<button title="Chat/Profile Settings" class="button" on:click|preventDefault={showSettingsModal}><span class="icon"><Fa icon={faGear} /></span></button> <button title="Chat/Profile Settings" class="button" on:click|preventDefault={showSettingsModal}><span class="icon"><Fa icon={faGear} /></span></button>
</p> </p>
<p class="control">
<button class="button is-ghost" on:click|preventDefault={suggestName}><span class="icon"><Fa icon={faLightbulb} /></span></button>
</p>
<p class="control queue"> <p class="control queue">
<button title="Queue message, don't send yet" class:is-disabled={chatRequest.updating} class="button is-ghost" on:click|preventDefault={addNewMessage}><span class="icon"><Fa icon={faArrowUpFromBracket} /></span></button> <button title="Queue message, don't send yet" class:is-disabled={chatRequest.updating} class="button is-ghost" on:click|preventDefault={addNewMessage}><span class="icon"><Fa icon={faArrowUpFromBracket} /></span></button>
</p> </p>
@@ -475,7 +472,7 @@
<!-- a target to scroll to --> <!-- a target to scroll to -->
<div class="content has-text-centered running-total-container"> <div class="content has-text-centered running-total-container">
{#each Object.entries(chat.usage || {}) as [model, usage]} {#each Object.entries(chat.usage || {}) as [model, usage]}
<p class="is-size-7 running-totals"> <p class="running-totals">
<em>{getModelDetail(model || '').label || model}</em> total <span class="has-text-weight-bold">{usage.total_tokens}</span> <em>{getModelDetail(model || '').label || model}</em> total <span class="has-text-weight-bold">{usage.total_tokens}</span>
tokens ~= <span class="has-text-weight-bold">${getPrice(usage, model).toFixed(6)}</span> tokens ~= <span class="has-text-weight-bold">${getPrice(usage, model).toFixed(6)}</span>
</p> </p>