iarv/Remote-Terminal-for-MeshCore
1
0
Fork 1
mirror of https://github.com/jkingsman/Remote-Terminal-for-MeshCore.git synced 2026-05-03 20:13:00 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix width display on mobile

Browse Source
This commit is contained in:
Jack Kingsman
2026-01-10 16:49:28 -08:00
parent b0ab2bcb32
commit 86c3765927
4 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/dist/assets/index-BQNVNq9u.js → frontend/dist/assets/index-DfR6hR94.js vendored
View File

File diff suppressed because one or more lines are too long

2
frontend/dist/index.html vendored
View File

@@ -13,7 +13,7 @@
<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-BQNVNq9u.js"></script>
<script type="module" crossorigin src="/assets/index-DfR6hR94.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-CacA_plj.css">
</head>
<body>

12
frontend/src/App.tsx
View File

@@ -507,7 +507,7 @@ export function App() {
</SheetContent>
</Sheet>
<div className="flex-1 flex flex-col bg-background">
<div className="flex-1 flex flex-col bg-background min-w-0">
{activeConversation ? (
activeConversation.type === 'raw' ? (
<>
@@ -518,19 +518,19 @@ export function App() {
</>
) : (
<>
<div className="flex justify-between items-center px-4 py-3 border-b border-border font-medium">
<span className="flex flex-col sm:flex-row sm:items-center sm:gap-2">
<span>
<div className="flex justify-between items-center px-4 py-3 border-b border-border font-medium gap-2">
<span className="flex flex-col sm:flex-row sm:items-center sm:gap-2 min-w-0 flex-1">
<span className="truncate">
{activeConversation.type === 'channel' && !activeConversation.name.startsWith('#') ? '#' : ''}
{activeConversation.name}
</span>
<span className="font-normal text-xs text-muted-foreground font-mono">
<span className="font-normal text-xs text-muted-foreground font-mono truncate">
{activeConversation.id}
</span>
</span>
{!(activeConversation.type === 'channel' && activeConversation.name === 'Public') && (
<button
className="py-1 px-3 bg-destructive/20 border border-destructive/30 text-destructive rounded text-xs cursor-pointer hover:bg-destructive/30"
className="py-1 px-3 bg-destructive/20 border border-destructive/30 text-destructive rounded text-xs cursor-pointer hover:bg-destructive/30 flex-shrink-0"
onClick={() => {
if (activeConversation.type === 'channel') {
handleDeleteChannel(activeConversation.id);

4
frontend/src/components/MessageInput.tsx
View File

@@ -94,9 +94,9 @@ export const MessageInput = forwardRef<MessageInputHandle, MessageInputProps>(
onKeyDown={handleKeyDown}
placeholder={placeholder || (isRepeaterMode ? 'Enter password (or . for none)...' : 'Type a message...')}
disabled={disabled || sending}
className="flex-1"
className="flex-1 min-w-0"
/>
<Button type="submit" disabled={disabled || sending || !canSubmit}>
<Button type="submit" disabled={disabled || sending || !canSubmit} className="flex-shrink-0">
{sending
? (isRepeaterMode ? 'Fetching...' : 'Sending...')
: (isRepeaterMode ? 'Fetch' : 'Send')}