feat: small ui improvement

janhq · Aug 15, 2024 · 1b42c5f · 1b42c5f
1 parent 8d02920
commit 1b42c5f
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 9 deletions.
diff --git a/web/containers/Layout/BottomPanel/SystemMonitor/TableActiveModel/index.tsx b/web/containers/Layout/BottomPanel/SystemMonitor/TableActiveModel/index.tsx
@@ -10,17 +10,17 @@ import { toGibibytes } from '@/utils/converter'
 
 import { serverEnabledAtom } from '@/helpers/atoms/LocalServer.atom'
 
-const Column = ['Name', 'Size', '']
+const Column = ['Model', 'Size', '']
 
 const TableActiveModel = () => {
   const { activeModel, stateModel, stopModel } = useActiveModel()
   const [serverEnabled, setServerEnabled] = useAtom(serverEnabledAtom)
 
   return (
-    <div className="m-4 mr-0 w-1/2">
-      <div className="overflow-hidden rounded-lg border border-[hsla(var(--app-border))]">
+    <div className="w-1/2">
+      <div className="overflow-hidden border-b border-[hsla(var(--app-border))]">
         <table className="w-full px-8">
-          <thead className="w-full border-b border-[hsla(var(--app-border))]">
+          <thead className="w-full border-b border-[hsla(var(--app-border))] bg-[hsla(var(--tertiary-bg))]">
             <tr>
               {Column.map((col, i) => {
                 return (

diff --git a/web/containers/Layout/BottomPanel/SystemMonitor/index.tsx b/web/containers/Layout/BottomPanel/SystemMonitor/index.tsx
@@ -88,7 +88,7 @@ const SystemMonitor = () => {
         <div
           ref={setElementExpand}
           className={twMerge(
-            'fixed bottom-9 left-[49px] z-50 flex w-[calc(100%-48px-8px)] flex-shrink-0 flex-col rounded-lg rounded-b-none border-t border-[hsla(var(--app-border))] bg-[hsla(var(--app-bg))]',
+            'fixed bottom-9 left-[49px] z-50 flex w-[calc(100%-48px-8px)] flex-shrink-0 flex-col border-t border-[hsla(var(--app-border))] bg-[hsla(var(--app-bg))]',
             showFullScreen && 'h-[calc(100%-63px)]',
             reduceTransparent && 'w-[calc(100%-48px)] rounded-none'
           )}
@@ -128,7 +128,7 @@ const SystemMonitor = () => {
             </div>
           </div>
 
-          <div className="flex h-full gap-4">
+          <div className="flex h-full gap-y-4">
             <TableActiveModel />
 
             <div className="w-1/2 border-l border-[hsla(var(--app-border))] p-4">

diff --git a/web/screens/Settings/Appearance/index.tsx b/web/screens/Settings/Appearance/index.tsx
@@ -57,7 +57,7 @@ export default function AppearanceOptions() {
             <h6 className="font-semibold capitalize">Appearance</h6>
           </div>
           <p className="font-medium leading-relaxed text-[hsla(var(--text-secondary))]">
-            Select a color theme
+            Select a color theme.
           </p>
         </div>
         <Select

diff --git a/web/screens/Settings/Hotkeys/index.tsx b/web/screens/Settings/Hotkeys/index.tsx
@@ -23,11 +23,11 @@ const availableHotkeys = [
   },
   {
     combination: 'Enter',
-    description: 'Send a message',
+    description: 'Send a message (in input field)',
   },
   {
     combination: 'Shift Enter',
-    description: 'Insert new line in input box',
+    description: 'Insert a new line (in input field)',
   },
   {
     combination: 'Arrow Up',