Skip to content

Commit 7574f91

Browse files
committed
fix(logviewer): make log URL and HTTPS UID responsive
- stack label and value on small screens (flex-col / sm:flex-row) - allow monospace values to wrap or scroll (break-words, max-w-full, overflow-auto) - prevents URL/UID text from overflowing the LogViewer panel on narrow viewports
1 parent 918972b commit 7574f91

File tree

1 file changed

+14
-5
lines changed

1 file changed

+14
-5
lines changed

src/react/pages/ProxyList/LogViewer.tsx

Lines changed: 14 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -167,8 +167,13 @@ const LogViewer: React.FC = () => {
167167

168168
{/* Log panel */}
169169
<div className={`${activeTab === 'log' ? '' : 'hidden'}`}>
170-
<div className="mb-2 text-xs text-gray-600 dark:text-gray-300 break-all">
171-
<span className="font-mono text-xs text-gray-700 dark:text-gray-300">{url}</span>
170+
<div className="mb-2 text-xs text-gray-600 dark:text-gray-300">
171+
<div className="flex flex-col sm:flex-row sm:items-center gap-1">
172+
<span className="sr-only">Log URL</span>
173+
<span className="font-mono text-xs text-gray-700 dark:text-gray-300 break-words max-w-full overflow-auto">
174+
{url}
175+
</span>
176+
</div>
172177
</div>
173178
<div className="border border-gray-200 dark:border-gray-700 rounded-lg bg-gray-50 dark:bg-gray-800 text-gray-900 dark:text-gray-100 p-3 h-64 overflow-auto font-mono text-xs whitespace-pre-wrap transition-colors duration-300">
174179
{loading ? (
@@ -183,9 +188,13 @@ const LogViewer: React.FC = () => {
183188

184189
{/* HTTPS panel */}
185190
<div className={`${activeTab === 'https' ? '' : 'hidden'}`}>
186-
<div className="mb-2 flex gap-2 items-center">
187-
<span className="text-xs text-gray-500 dark:text-gray-400">Automatic HTTPS check for UID:</span>
188-
<span className="font-mono text-sm text-gray-900 dark:text-gray-100">{httpsHash || '—'}</span>
191+
<div className="mb-2">
192+
<div className="flex flex-col sm:flex-row sm:items-center gap-1">
193+
<span className="text-xs text-gray-500 dark:text-gray-400">Automatic HTTPS check for UID:</span>
194+
<span className="font-mono text-sm text-gray-900 dark:text-gray-100 break-words max-w-full overflow-auto">
195+
{httpsHash || '—'}
196+
</span>
197+
</div>
189198
</div>
190199
<div className="border border-gray-200 dark:border-gray-700 rounded-lg bg-gray-50 dark:bg-gray-800 text-gray-900 dark:text-gray-100 p-3 h-64 overflow-auto font-mono text-xs whitespace-pre-wrap transition-colors duration-300">
191200
{httpsLog ? (

0 commit comments

Comments
 (0)