an0n.eu/Remote-Terminal-for-MeshCore
1
0
Fork 0
forked from iarv/Remote-Terminal-for-MeshCore
Code Pull Requests Activity

Fix up status bar display on small screens

Browse Source
This commit is contained in:
Jack Kingsman
2026-01-18 21:28:53 -08:00
parent 42572aa234
commit 7ea5285c80
6 changed files with 25 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/dist/assets/index-CcSjAzwK.css → frontend/dist/assets/index-C-fUaa04.css vendored
View File

File diff suppressed because one or more lines are too long

18
frontend/dist/assets/index-Ck-mz-Y8.js → frontend/dist/assets/index-CAtwmgBG.js vendored
View File

File diff suppressed because one or more lines are too long

1
frontend/dist/assets/index-CAtwmgBG.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
frontend/dist/assets/index-Ck-mz-Y8.js.map vendored
View File

File diff suppressed because one or more lines are too long

4
frontend/dist/index.html vendored
View File

@@ -13,8 +13,8 @@
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="manifest" href="/site.webmanifest" />
<script type="module" crossorigin src="/assets/index-Ck-mz-Y8.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-CcSjAzwK.css">
<script type="module" crossorigin src="/assets/index-CAtwmgBG.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-C-fUaa04.css">
</head>
<body>
<div id="root"></div>

17
frontend/src/components/StatusBar.tsx
View File

@@ -44,7 +44,7 @@ export function StatusBar({ health, config, onSettingsClick, onMenuClick }: Stat
</button>
)}
<h1 className="hidden lg:block text-base font-semibold mr-auto">RemoteTerm</h1>
<h1 className="text-base font-semibold mr-auto">RemoteTerm</h1>
<div className="flex items-center gap-1 text-[#888]">
<div className={`w-2 h-2 rounded-full ${connected ? 'bg-[#4caf50]' : 'bg-[#666]'}`} />
@@ -54,14 +54,21 @@ export function StatusBar({ health, config, onSettingsClick, onMenuClick }: Stat
</div>
{config && (
<div className="hidden lg:flex items-center gap-1 text-[#888]">
<div className="hidden lg:flex items-center gap-2 text-[#888]">
<span className="text-[#e0e0e0]">{config.name || 'Unnamed'}</span>
<span
className="font-mono text-[#888] cursor-pointer hover:text-[#4a9eff]"
onClick={() => {
navigator.clipboard.writeText(config.public_key);
toast.success('Public key copied!');
}}
title="Click to copy public key"
>
{config.public_key.toLowerCase()}
</span>
</div>
)}
{/* Spacer to push buttons right on mobile */}
<div className="flex-1 lg:hidden" />
{!connected && (
<button
onClick={handleReconnect}