abrban/cloud-host
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(logs): force LTR alignment in workload log terminals

Browse Source 
The pod and build log <pre> blocks inherited the RTL direction of the
surrounding page, right-aligning log text and hurting readability. Pin
them to dir="ltr" with text-left so output reads naturally.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
keyhan
2026-06-16 02:15:34 +03:30
parent 643e8c5c61
commit 1ae51fb273
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/workload-logs-panel.tsx
+3 -2
View File
@@ -132,7 +132,8 @@ export function WorkloadLogsPanel({
{logTab === 'pod' && ( {logTab === 'pod' && (
<pre <pre
ref={logsEndRef} ref={logsEndRef}
className="bg-gray-900 text-green-400 p-4 rounded-xl text-xs font-mono overflow-x-auto max-h-[500px] overflow-y-auto whitespace-pre-wrap break-words" dir="ltr"
className="bg-gray-900 text-green-400 p-4 rounded-xl text-xs font-mono overflow-x-auto max-h-[500px] overflow-y-auto whitespace-pre-wrap break-words text-left"
> >
{logsData?.logs || podPlaceholder} {logsData?.logs || podPlaceholder}
</pre> </pre>
@@ -150,7 +151,7 @@ export function WorkloadLogsPanel({
</span> </span>
</div> </div>
)} )}
<pre className="bg-gray-900 text-blue-300 p-4 rounded-xl text-xs font-mono overflow-x-auto max-h-[500px] overflow-y-auto whitespace-pre-wrap break-words"> <pre dir="ltr" className="bg-gray-900 text-blue-300 p-4 rounded-xl text-xs font-mono overflow-x-auto max-h-[500px] overflow-y-auto whitespace-pre-wrap break-words text-left">
{buildLogsData?.buildLog || {buildLogsData?.buildLog ||
(buildLogsData?.status === 'building' (buildLogsData?.status === 'building'
? wl.buildInProgress ? wl.buildInProgress