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

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

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