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

fix lower mask spacing

This commit is contained in:
Webifi 2023-05-31 19:09:30 -05:00
parent f7dc17a26e
commit 717dc1a7e0
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/app.scss
View File

@ -22,7 +22,7 @@ html {
--chatContentPaddingTop: 20px; --chatContentPaddingTop: 20px;
--chatContentPaddingRight: 40px; --chatContentPaddingRight: 40px;
--chatContentPaddingBottom: 160px; --chatContentPaddingBottom: 130px;
--chatContentPaddingLeft: 40px; --chatContentPaddingLeft: 40px;
--chatInputPaddingTop: 0px; --chatInputPaddingTop: 0px;
@ -343,7 +343,7 @@ aside.menu.main-menu .menu-expanse {
color: hsl(0, 0%, 21%) !important; color: hsl(0, 0%, 21%) !important;
} }
.lower-mask { .lower-mask, .lower-mask2 {
display: block; display: block;
position: fixed; position: fixed;
bottom: 0px; bottom: 0px;
@ -357,7 +357,7 @@ aside.menu.main-menu .menu-expanse {
.default-text { .default-text {
color: rgb(181, 181, 181) !important; color: rgb(181, 181, 181) !important;
} }
.lower-mask { .lower-mask, .lower-mask2 {
background-image: linear-gradient(180deg,hsla(0,0%,100%,0) 13.94%, var(--BgColorDark) 54.73%); background-image: linear-gradient(180deg,hsla(0,0%,100%,0) 13.94%, var(--BgColorDark) 54.73%);
} }
aside.menu.main-menu .menu-expanse { aside.menu.main-menu .menu-expanse {

1
src/lib/Chat.svelte
View File

@ -521,6 +521,7 @@
{/if} {/if}
</div> </div>
<div class="lower-mask"/> <div class="lower-mask"/>
<div class="lower-mask2"/>
<div class="chat-focus-point"></div> <div class="chat-focus-point"></div>
<div class="prompt-input-container"> <div class="prompt-input-container">
<form class="field has-addons has-addons-right is-align-items-flex-end" on:submit|preventDefault={() => submitForm()}> <form class="field has-addons has-addons-right is-align-items-flex-end" on:submit|preventDefault={() => submitForm()}>