refactor: improve job logs styles

felixmosh · Oct 25, 2022 · 68ae166 · 68ae166
1 parent 77226d5
commit 68ae166
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/packages/ui/src/components/JobCard/Details/Details.module.css b/packages/ui/src/components/JobCard/Details/Details.module.css
@@ -32,16 +32,16 @@
 .tabContent {
   flex: 1;
   max-width: calc(100% - 80px);
-  overflow-y: scroll;
-  position: relative; 
+  overflow: auto;
+  position: relative;
 }
 
 .tabContent :global(.error) {
   color: #d73a49;
 }
 
 .tabContent :global(.warn) {
-    color: orange;
+  color: orange;
 }
 
 .tabContent pre {

diff --git a/packages/ui/src/components/JobCard/Details/DetailsContent/JobLogs/JobLogs.module.css b/packages/ui/src/components/JobCard/Details/DetailsContent/JobLogs/JobLogs.module.css
@@ -6,7 +6,7 @@
 }
 
 .preWrapper {
-  padding: 40px 1rem 1rem;
+  padding: 40px 0.5rem 0.5rem;
   max-height: 100%;
   overflow: auto;
   height: 330px;
@@ -40,11 +40,11 @@
 .toolbar {
   position: absolute;
   top: 0;
-  left: 15px;
-  right: 15px;
+  left: 0;
+  right: 1rem;
   background: rgba(255, 255, 255, 0.85);
   backdrop-filter: blur(4px);
-  padding: 0 0 1rem;
+  padding: 0 0 0.5rem 0.5rem;
   margin: 0;
   list-style: none;
   text-align: right;
@@ -66,12 +66,12 @@
 
 .jobLogs:fullscreen .toolbar {
   position: fixed;
-  padding: 1rem 0;
+  padding: 1rem;
 }
 
 .jobLogs:fullscreen .preWrapper {
   height: 100%;
-  padding-top: 1rem !important;
+  padding: 40px 1rem 1rem;
 }
 
 .toolbar .searchBar {