fix(ui): padding in table head

semaphoreui · Dec 14, 2024 · 9778dca · 9778dca
1 parent ba23b56
commit 9778dca
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 27 deletions.
diff --git a/web/src/App.vue b/web/src/App.vue
@@ -655,38 +655,28 @@
   padding-right: 16px !important;
 }
 
-.v-data-table td:first-child {
-  padding-left: 2px !important;
-}
-
-.v-data-table td:last-child {
-  padding-right: 2px !important;
-}
-
-.v-data-table > .v-data-table__wrapper > table > thead > tr:last-child > th {
-  text-transform: uppercase;
-  white-space: nowrap;
-}
-
-.v-data-table > .v-data-table__wrapper > table > thead > tr {
-  background: transparent;
-  &:hover {
-    background-color: rgba(143, 143, 143, 0.04);
+.v-data-table {
+  td:first-child, th:first-child {
+    padding-left: 2px !important;
   }
-}
-
-.v-data-table > .v-data-table__wrapper > table > tbody > tr {
-  background: transparent !important;
-  &:hover {
-    background-color: rgba(143, 143, 143, 0.04) !important;
+  td:last-child, th:last-child {
+    padding-right: 2px !important;
   }
 
-  & > td {
+  .v-data-table__wrapper > table > thead > tr:last-child > th {
+    text-transform: uppercase;
     white-space: nowrap;
   }
 
-  & > td:first-child {
-    //font-weight: bold !important;
+  .v-data-table__wrapper > table > tbody > tr {
+    background: transparent !important;
+    &:hover {
+      background-color: rgba(143, 143, 143, 0.04) !important;
+    }
+
+    & > td {
+      white-space: nowrap;
+    }
   }
 }
 

diff --git a/web/src/views/project/TemplateView.vue b/web/src/views/project/TemplateView.vue
@@ -98,7 +98,11 @@
         <v-icon class="ml-1" large color="hsl(348deg, 86%, 61%)">mdi-professional-hexagon</v-icon>
       </v-tab>
     </v-tabs>
+
+    <v-divider style="margin-top: -1px;"/>
+
     <router-view
+      class="mt-8"
       :template="item"
       :inventory="inventory"
       :environment="environment"

diff --git a/web/src/views/project/template/TemplateTerraformState.vue b/web/src/views/project/template/TemplateTerraformState.vue
@@ -4,7 +4,7 @@
       type="info"
       text
       color="hsl(348deg, 86%, 61%)"
-      style="border-radius: 0;"
+      style="border-radius: 0; margin-top: -32px;"
       v-if="!premiumFeatures.terraform_backend"
     >
       Terraform/OpenTofu HTTP backend available only in <b>PRO</b> version.