adam/Remote-Terminal-for-MeshCore
1
0
Fork 0
mirror of https://github.com/jkingsman/Remote-Terminal-for-MeshCore.git synced 2026-08-09 18:23:20 +02:00
Code Issues Packages Projects Releases Wiki 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
frontend/dist/assets/index-CcSjAzwK.css → frontend/dist/assets/index-C-fUaa04.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
frontend/dist/assets/index-Ck-mz-Y8.js → frontend/dist/assets/index-CAtwmgBG.js
Vendored
+9 -9
View File
File diff suppressed because one or more lines are too long
frontend/dist/assets/index-CAtwmgBG.js.map
Vendored
+1
View File
File diff suppressed because one or more lines are too long
frontend/dist/assets/index-Ck-mz-Y8.js.map
Vendored
-1
View File
File diff suppressed because one or more lines are too long
frontend/dist/index.html
Vendored
+2 -2
View File
@@ -13,8 +13,8 @@
<link rel="shortcut icon" href="/favicon.ico" /> <link rel="shortcut icon" href="/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="manifest" href="/site.webmanifest" /> <link rel="manifest" href="/site.webmanifest" />
<script type="module" crossorigin src="/assets/index-Ck-mz-Y8.js"></script> <script type="module" crossorigin src="/assets/index-CAtwmgBG.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-CcSjAzwK.css"> <link rel="stylesheet" crossorigin href="/assets/index-C-fUaa04.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
frontend/src/components/StatusBar.tsx
+12 -5
View File
@@ -44,7 +44,7 @@ export function StatusBar({ health, config, onSettingsClick, onMenuClick }: Stat
</button> </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="flex items-center gap-1 text-[#888]">
<div className={`w-2 h-2 rounded-full ${connected ? 'bg-[#4caf50]' : 'bg-[#666]'}`} /> <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> </div>
{config && ( {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="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> </div>
)} )}
{/* Spacer to push buttons right on mobile */}
<div className="flex-1 lg:hidden" />
{!connected && ( {!connected && (
<button <button
onClick={handleReconnect} onClick={handleReconnect}