Nicholai/jan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: small ui improvement (#3388)

Browse Source
This commit is contained in:
Faisal Amir 2024-08-16 21:46:08 +07:00 committed by GitHub
parent 5149a3f226
commit b033e28304
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/containers/Layout/BottomPanel/SystemMonitor/TableActiveModel/index.tsx
View File

@ -10,17 +10,17 @@ import { toGibibytes } from '@/utils/converter'
import { serverEnabledAtom } from '@/helpers/atoms/LocalServer.atom' import { serverEnabledAtom } from '@/helpers/atoms/LocalServer.atom'
const Column = ['Name', 'Size', ''] const Column = ['Model', 'Size', '']
const TableActiveModel = () => { const TableActiveModel = () => {
const { activeModel, stateModel, stopModel } = useActiveModel() const { activeModel, stateModel, stopModel } = useActiveModel()
const [serverEnabled, setServerEnabled] = useAtom(serverEnabledAtom) const [serverEnabled, setServerEnabled] = useAtom(serverEnabledAtom)
return ( return (
<div className="m-4 mr-0 w-1/2"> <div className="w-1/2">
<div className="overflow-hidden rounded-lg border border-[hsla(var(--app-border))]"> <div className="overflow-hidden border-b border-[hsla(var(--app-border))]">
<table className="w-full px-8"> <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> <tr>
{Column.map((col, i) => { {Column.map((col, i) => {
return ( return (

4
web/containers/Layout/BottomPanel/SystemMonitor/index.tsx
View File

@ -88,7 +88,7 @@ const SystemMonitor = () => {
<div <div
ref={setElementExpand} ref={setElementExpand}
className={twMerge( 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)]', showFullScreen && 'h-[calc(100%-63px)]',
reduceTransparent && 'w-[calc(100%-48px)] rounded-none' reduceTransparent && 'w-[calc(100%-48px)] rounded-none'
)} )}
@ -128,7 +128,7 @@ const SystemMonitor = () => {
</div> </div>
</div> </div>
<div className="flex h-full gap-4"> <div className="flex h-full gap-y-4">
<TableActiveModel /> <TableActiveModel />
<div className="w-1/2 border-l border-[hsla(var(--app-border))] p-4"> <div className="w-1/2 border-l border-[hsla(var(--app-border))] p-4">

2
web/screens/Settings/Appearance/index.tsx
View File

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

4
web/screens/Settings/Hotkeys/index.tsx
View File

@ -23,11 +23,11 @@ const availableHotkeys = [
}, },
{ {
combination: 'Enter', combination: 'Enter',
description: 'Send a message', description: 'Send a message (in input field)',
}, },
{ {
combination: 'Shift Enter', combination: 'Shift Enter',
description: 'Insert new line in input box', description: 'Insert a new line (in input field)',
}, },
{ {
combination: 'Arrow Up', combination: 'Arrow Up',