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

Fixed few

Browse Source
This commit is contained in:
Morgan
2025-06-15 21:23:05 +09:00
parent 07fd74d1df
commit ac533bcac2
2 changed files with 21 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/app.scss
View File

@@ -13,7 +13,7 @@ h3 {
} }
body, button, input, select, textarea, .content{ body, button, input, select, textarea, .content{
font-family: "Lato", "Source Sans 3", Fira Sans, sans-serif !important; font-family: sans-serif !important;
letter-spacing: 0.2px !important; letter-spacing: 0.2px !important;
} }
@@ -22,7 +22,7 @@ body, button, input, select, textarea, .content{
} }
code { code {
font-family: "Cascadia Code SemiLight", monospace !important; font-family: monospace !important;
font-size: 14px !important; font-size: 14px !important;
} }
@@ -87,10 +87,9 @@ html {
/* Back-ground */ /* Back-ground */
--BgColorDark: hsl(228, 10%, 10%); --BgColorDark: hsl(228, 10%, 10%);
--BgColorLight: hsl(0, 0%, 100%); --BgColorLight: hsl(0, 0%, 100%);
// --BgColorSidebarDark: rgb(28, 30, 36);
--BgColorSidebarDark: rgb(16, 17, 22); --BgColorSidebarDark: rgb(16, 17, 22);
--BgColorSidebarLight: hsla(0, 0%, 93%, 0.354); --BgColorSidebarLight: hsla(0, 0%, 93%, 0.354);
// Tool drawer for messages
--chatToolDrawerSize: 40px; --chatToolDrawerSize: 40px;
--chatToolDrawerColor: var(--BgColorSidebarLight); --chatToolDrawerColor: var(--BgColorSidebarLight);
@@ -115,10 +114,8 @@ html {
--BgColor: var(-BgColorLight); --BgColor: var(-BgColorLight);
--running-totals: 0; --running-totals: 0;
} --fontMain: "Noto Sans";
--fontCode: "Cascadia Code";
body, button, input, select, textarea {
font-family: "Noto Sans", "Source Sans 3", "Fira Sans", sans-serif !important;
} }
@@ -317,13 +314,12 @@ select option.is-default {
} }
.content { .content {
font-family: "Noto Sans", "Source Sans 3", "Fira Sans", sans-serif !important;
font-size: 15px; font-size: 15px;
line-height: 30px; line-height: 30px;
} }
.code { .code {
font-family: "Monaco", "Hack", monospace !important; font-family: monospace !important;
} }
/* Style the chat input */ /* Style the chat input */
.chat-input { .chat-input {

18
src/lib/EditMessage.svelte
View File

@@ -7,7 +7,7 @@
import SvelteMarkdown from 'svelte-markdown' import SvelteMarkdown from 'svelte-markdown'
import type { Message, Model, Chat } from './Types.svelte' import type { Message, Model, Chat } from './Types.svelte'
import Fa from 'svelte-fa/src/fa.svelte' import Fa from 'svelte-fa/src/fa.svelte'
import { faTrash, faDiagramPredecessor, faDiagramNext, faCircleCheck, faPaperPlane, faEye, faEyeSlash, faEllipsis, faDownload, faClipboard, faSquareRootVariable } from '@fortawesome/free-solid-svg-icons/index' import { faTrash, faDiagramPredecessor, faDiagramNext, faCircleCheck, faPaperPlane, faEye, faEyeSlash, faEllipsis, faDownload, faClipboard, faPenToSquare, faSquareRootVariable } from '@fortawesome/free-solid-svg-icons/index'
import { errorNotice, scrollToMessage } from './Util.svelte' import { errorNotice, scrollToMessage } from './Util.svelte'
import { openModal } from 'svelte-modals' import { openModal } from 'svelte-modals'
import PromptConfirm from './PromptConfirm.svelte' import PromptConfirm from './PromptConfirm.svelte'
@@ -348,8 +348,8 @@ const replaceLatexDelimiters = (text: string): string => {
{:else} {:else}
<div <div
class="message-display" class="message-display"
on:touchend={editOnDoubleTap} on:touchend={editOnDoubleTap}
on:dblclick|preventDefault={() => edit()} on:dblclick|preventDefault={() => {if(isUser){edit()}}}
> >
{#if message.summary && !message.summary.length} {#if message.summary && !message.summary.length}
<p><b>Summarizing...</b></p> <p><b>Summarizing...</b></p>
@@ -423,6 +423,18 @@ const replaceLatexDelimiters = (text: string): string => {
<span class="icon"><Fa icon={faDiagramPredecessor} /></span> <span class="icon"><Fa icon={faDiagramPredecessor} /></span>
</a> </a>
{/if} {/if}
{#if !isImage}
<a
href={'#'}
title="Edit"
class="msg-image button is-small"
on:click|preventDefault={() => {
edit()
}}
>
<span class="icon"><Fa icon={faPenToSquare} /></span>
</a>
{/if}
{#if !message.summarized} {#if !message.summarized}
<a <a
href={'#'} href={'#'}