morgan
/
chatgpt-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Format prompt input buttons.

This commit is contained in:
Webifi 2023-06-01 12:44:18 -05:00
parent 6f7fff6453
commit ef7ebb0c99
2 changed files with 23 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/app.scss
View File

@ -413,6 +413,21 @@ aside.menu.main-menu .menu-expanse {
var(--chatInputPaddingRight) var(--chatInputPaddingRight)
var(--chatInputPaddingBottom) var(--chatInputPaddingBottom)
var(--chatInputPaddingLeft); var(--chatInputPaddingLeft);
.control.send .button {
width: 60px;
}
}
@media only screen and (max-width: 768px) {
.prompt-input-container {
.control.send .button {
width: auto;
}
.control.settings {
display: none;
}
}
} }
.content.running-total-container { .content.running-total-container {

16
src/lib/Chat.svelte
View File

@ -536,19 +536,19 @@
bind:this={input} bind:this={input}
/> />
</p> </p>
<p class="control" class:is-hidden={!recognition}> <p class="control mic" class:is-hidden={!recognition}>
<button class="button" class:is-pulse={recording} on:click|preventDefault={recordToggle} <button class="button" class:is-pulse={recording} on:click|preventDefault={recordToggle}
><span class="greyscale"><Fa icon={faMicrophone} /></span></button ><span class="icon"><Fa icon={faMicrophone} /></span></button
> >
</p> </p>
<p class="control"> <p class="control settings">
<button title="Chat/Profile Settings" class="button" on:click|preventDefault={showSettingsModal}><Fa icon={faGear} /></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"> <p class="control queue">
<button title="Add message, don't send yet" class="button is-ghost" on:click|preventDefault={addNewMessage}><Fa icon={faArrowUpFromBracket} /></button> <button title="Queue message, don't send yet" class="button is-ghost" on:click|preventDefault={addNewMessage}><span class="icon"><Fa icon={faArrowUpFromBracket} /></span></button>
</p> </p>
<p class="control"> <p class="control send">
<button title="Send" class="button is-info" type="submit"><Fa icon={faPaperPlane} /></button> <button title="Send" class="button is-info" type="submit"><span class="icon"><Fa icon={faPaperPlane} /></span></button>
</p> </p>
</form> </form>
<!-- a target to scroll to --> <!-- a target to scroll to -->