chore: update style of xterm terminal (#8986)

* chore: update style of xterm terminal Signed-off-by: Sonia Sandler <[email protected]>
podman-desktop · Sep 20, 2024 · 88051b0 · 88051b0
1 parent 165060f
commit 88051b0
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 6 deletions.
diff --git a/packages/renderer/src/lib/container/ContainerDetailsTerminal.svelte b/packages/renderer/src/lib/container/ContainerDetailsTerminal.svelte
@@ -159,7 +159,11 @@ onDestroy(() => {
 });
 </script>
 
-<div class="h-full" bind:this={terminalXtermDiv} class:hidden={container.state !== 'RUNNING'}></div>
+<div
+  class="h-full p-[5px] pr-0 bg-[var(--pd-terminal-background)]"
+  bind:this={terminalXtermDiv}
+  class:hidden={container.state !== 'RUNNING'}>
+</div>
 
 <EmptyScreen
   hidden={container.state === 'RUNNING'}

diff --git a/packages/renderer/src/lib/dashboard/ProviderConfiguring.svelte b/packages/renderer/src/lib/dashboard/ProviderConfiguring.svelte
@@ -99,7 +99,7 @@ onDestroy(() => {
     </div>
 
     <div
-      class="bg-[var(--pd-terminal-background)]"
+      class="bg-[var(--pd-terminal-background)] p-[5px] pr-0"
       style="width: 100%; text-align: left; display: {initializeError ? 'block' : 'none'}"
       bind:this={logsXtermDiv}>
     </div>

diff --git a/packages/renderer/src/lib/dashboard/ProviderInstalled.svelte b/packages/renderer/src/lib/dashboard/ProviderInstalled.svelte
@@ -200,7 +200,7 @@ function onInstallationClick() {
     </div>
 
     <div
-      class="bg-[var(--pd-terminal-background)]"
+      class="bg-[var(--pd-terminal-background)] p-[5px] pr-0"
       style="width: 100%; text-align: left; display: {initializeError ? 'block' : 'none'}"
       bind:this={logsXtermDiv}>
     </div>

diff --git a/packages/renderer/src/lib/pod/KubernetesTerminal.svelte b/packages/renderer/src/lib/pod/KubernetesTerminal.svelte
@@ -159,4 +159,4 @@ function saveTerminalState(podName: string, containerName: string, state: State)
 }
 </script>
 
-<div class="h-full w-full" bind:this={terminalXtermDiv}></div>
+<div class="h-full w-full p-[5px] pr-0 bg-[var(--pd-terminal-background)]" bind:this={terminalXtermDiv}></div>
diff --git a/packages/renderer/src/lib/preferences/PreferencesConnectionDetailsLogs.svelte b/packages/renderer/src/lib/preferences/PreferencesConnectionDetailsLogs.svelte
@@ -104,7 +104,7 @@ onDestroy(() => {
 
 <div
   aria-label="terminal"
-  class="min-w-full flex flex-col bg-[var(--pd-terminal-background)]"
+  class="min-w-full flex flex-col bg-[var(--pd-terminal-background)] p-[5px] pr-0"
   class:invisible={noLogs === true}
   class:h-0={noLogs === true}
   class:h-full={noLogs === false}

diff --git a/packages/renderer/src/lib/ui/TerminalWindow.svelte b/packages/renderer/src/lib/ui/TerminalWindow.svelte
@@ -66,4 +66,4 @@ onDestroy(() => {
 });
 </script>
 
-<div class={$$props.class} bind:this={logsXtermDiv}></div>
+<div class="{$$props.class} p-[5px] pr-0 bg-[var(--pd-terminal-background)]" bind:this={logsXtermDiv}></div>