Browse Source

refac: styling

Timothy Jaeryang Baek 2 months ago
parent
commit
f58ae6bd17

+ 2 - 2
src/lib/components/channel/MessageInput.svelte

@@ -455,7 +455,7 @@
 
 						<div class="px-2.5">
 							<div
-								class="scrollbar-hidden font-primary text-left bg-transparent dark:text-gray-100 outline-none w-full pt-3 pb-1.5 px-1 rounded-xl resize-none h-fit max-h-80 overflow-auto"
+								class="scrollbar-hidden font-primary text-left bg-transparent dark:text-gray-100 outline-none w-full pt-3 px-1 rounded-xl resize-none h-fit max-h-80 overflow-auto"
 							>
 								<RichTextInput
 									bind:value={content}
@@ -504,7 +504,7 @@
 							</div>
 						</div>
 
-						<div class=" flex justify-between mb-2.5 mx-0.5">
+						<div class=" flex justify-between mb-2.5 mt-1.5 mx-0.5">
 							<div class="ml-1 self-end flex space-x-1">
 								<InputMenu
 									{screenCaptureHandler}

+ 3 - 3
src/lib/components/chat/MessageInput.svelte

@@ -680,7 +680,7 @@
 								<div class="px-2.5">
 									{#if $settings?.richTextInput ?? true}
 										<div
-											class="scrollbar-hidden text-left bg-transparent dark:text-gray-100 outline-none w-full pt-3 pb-1.5 px-1 rounded-xl resize-none h-fit max-h-80 overflow-auto"
+											class="scrollbar-hidden text-left bg-transparent dark:text-gray-100 outline-none w-full pt-3 px-1 rounded-xl resize-none h-fit max-h-80 overflow-auto"
 										>
 											<RichTextInput
 												bind:this={chatInputElement}
@@ -884,7 +884,7 @@
 										<textarea
 											id="chat-input"
 											bind:this={chatInputElement}
-											class="scrollbar-hidden bg-transparent dark:text-gray-100 outline-none w-full pt-3 pb-1.5 px-1 rounded-xl resize-none"
+											class="scrollbar-hidden bg-transparent dark:text-gray-100 outline-none w-full pt-3 px-1 rounded-xl resize-none"
 											placeholder={placeholder ? placeholder : $i18n.t('Send a Message')}
 											bind:value={prompt}
 											on:keypress={(e) => {
@@ -1075,7 +1075,7 @@
 									{/if}
 								</div>
 
-								<div class=" flex justify-between mb-2.5 mx-0.5">
+								<div class=" flex justify-between mt-1.5 mb-2.5 mx-0.5">
 									<div class="ml-1 self-end gap-0.5 flex items-center">
 										<InputMenu
 											bind:selectedToolIds