dennii/Termix
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases 22 Wiki Activity

Fix keyboard keys

Browse Source
This commit is contained in:
LukeGus
2025-09-06 13:51:18 -05:00
parent 53a3192443
commit bd8bd941f3
3 changed files with 32 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
src/ui/Mobile/Apps/Navigation/BottomNavbar.tsx
View File

@@ -11,34 +11,36 @@ export function BottomNavbar({onSidebarOpenClick}: MenuProps) {
const {tabs, currentTab, setCurrentTab, removeTab} = useTabs(); const {tabs, currentTab, setCurrentTab, removeTab} = useTabs();
return ( return (
<div className="w-full h-[80px] bg-[#18181B] flex items-center p-2 gap-2"> <div className="w-full h-[60px] bg-[#18181B] items-center p-2">
<Button className="w-[40px] h-[40px] flex-shrink-0" variant="outline" onClick={onSidebarOpenClick}> <div className="flex gap-2 mb-1">
<Menu/> <Button className="w-[40px] h-[40px] flex-shrink-0" variant="outline" onClick={onSidebarOpenClick}>
</Button> <Menu/>
<div className="flex-1 overflow-x-auto whitespace-nowrap thin-scrollbar"> </Button>
<div className="inline-flex gap-2"> <div className="flex-1 overflow-x-auto whitespace-nowrap thin-scrollbar">
{tabs.map(tab => ( <div className="inline-flex gap-2">
<div key={tab.id} className="inline-flex rounded-md shadow-sm" role="group"> {tabs.map(tab => (
<Button <div key={tab.id} className="inline-flex rounded-md shadow-sm" role="group">
variant="outline" <Button
className={cn( variant="outline"
"h-10 rounded-r-none !px-3 border-1 border-[#303032]", className={cn(
tab.id === currentTab && '!bg-[#09090b] !text-white' "h-10 rounded-r-none !px-3 border-1 border-[#303032]",
)} tab.id === currentTab && '!bg-[#09090b] !text-white'
onClick={() => setCurrentTab(tab.id)} )}
> onClick={() => setCurrentTab(tab.id)}
<TerminalIcon className="mr-1 h-4 w-4"/> >
{tab.title} <TerminalIcon className="mr-1 h-4 w-4"/>
</Button> {tab.title}
<Button </Button>
variant="outline" <Button
className="h-10 rounded-l-none !px-2 border-1 border-[#303032]" variant="outline"
onClick={() => removeTab(tab.id)} className="h-10 rounded-l-none !px-2 border-1 border-[#303032]"
> onClick={() => removeTab(tab.id)}
<X className="h-4 w-4"/> >
</Button> <X className="h-4 w-4"/>
</div> </Button>
))} </div>
))}
</div>
</div> </div>
</div> </div>
</div> </div>

2
src/ui/Mobile/Apps/Terminal/TerminalKeyboard.tsx
View File

@@ -128,7 +128,7 @@ export function TerminalKeyboard({onSendInput}: TerminalKeyboardProps) {
} }
return ( return (
<div className=""> <div className="z-10">
<Keyboard <Keyboard
layout={{ layout={{
default: [ default: [

1
src/ui/Mobile/MobileApp.tsx
View File

@@ -146,6 +146,7 @@ const AppContent: FC = () => {
)} )}
</div> </div>
{currentTab && <TerminalKeyboard onSendInput={handleKeyboardInput}/>} {currentTab && <TerminalKeyboard onSendInput={handleKeyboardInput}/>}
<BottomNavbar <BottomNavbar
onSidebarOpenClick={() => setIsSidebarOpen(true)} onSidebarOpenClick={() => setIsSidebarOpen(true)}
/> />