Fix: Aling criteria (#2509)

* Fix: Aling Criteria * Fix: Aling Criteria
solop-develop · Jul 26, 2024 · 66b22b1 · 66b22b1
1 parent 886a6a8
commit 66b22b1
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 12 deletions.
diff --git a/src/views/ADempiere/ReportViewerEngine/reportPanel.vue b/src/views/ADempiere/ReportViewerEngine/reportPanel.vue
@@ -17,7 +17,7 @@
 -->
 <template>
   <div>
-    <el-card>
+    <el-card class="containerReportEnginer">
       <reportSearchCriteria
         :container-uuid="reportOutput.containerUuid"
         :report-output="reportOutput"
@@ -44,7 +44,7 @@
         :row-class-name="tableRowClassName"
         :default-expand-all="false"
         :tree-props="{ children: 'children' }"
-        height="calc(100vh - 265px)"
+        height="calc(100vh - 275px)"
         border
         :cell-style="{ padding: '0', height: '30px', border: 'none' }"
         :cell-class-name="getRowClassName"
@@ -420,9 +420,11 @@ export default defineComponent({
       text-align: right;
     }
   }
-
 </style>
 <style>
+.containerReportEnginer .el-card__body {
+  padding: 20px !important
+}
 :root {
   --level-offset: 20px;
 }

diff --git a/src/views/ADempiere/ReportViewerEngine/searchCriteria/index.vue b/src/views/ADempiere/ReportViewerEngine/searchCriteria/index.vue
@@ -74,11 +74,11 @@ export default defineComponent({
 })
 </script>
 
-<style>
+<style scoped>
 .containerReport {
-  display: flex;
-  align-items: center;
-  margin-bottom: 20px;
+  display: flex !important;
+  align-items: center !important;
+  margin-bottom: 1% !important;
 }
 @media screen and (max-width:1150px) {
   .containerReport, .custom-button {

diff --git a/src/views/ADempiere/ReportViewerEngine/searchCriteria/printFormatReport.vue b/src/views/ADempiere/ReportViewerEngine/searchCriteria/printFormatReport.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="container">
+  <div class="PrimtFormatcontainer">
     <label for="report-format-select" class="select-label">{{ $t('report.reportEnginer.printFormat') }}</label>
     <el-select
       id="report-format-select"
@@ -162,15 +162,15 @@ export default defineComponent({
 })
 </script>
 <style>
-.container {
+.PrimtFormatcontainer {
   display: flex;
   flex-direction: column;
   gap: 20px;
   margin: 0 auto;
 }
 
 @media screen and (min-width: 800px) {
-  .container {
+  .PrimtFormatcontainer {
     flex-direction: row;
     justify-content: space-between;
     align-items: center;

diff --git a/src/views/ADempiere/ReportViewerEngine/searchCriteria/refreshButton.vue b/src/views/ADempiere/ReportViewerEngine/searchCriteria/refreshButton.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="select-container" style="margin-left: -10px; display: flex; align-items: center;">
+  <div style="margin-left: -10px; display: flex; align-items: center;">
     <el-button
       :loading="isLoading"
       type="success"

diff --git a/src/views/ADempiere/ReportViewerEngine/searchCriteria/reportSumary.vue b/src/views/ADempiere/ReportViewerEngine/searchCriteria/reportSumary.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="select-container" style="margin-top: 10px; margin-left: 0px; display: flex; align-items: center;">
+  <div style="margin-left: 0px; display: flex; align-items: center;">
     <label for="report-format-switch" class="select-label" style="margin-right: 15px;">{{ $t('report.reportEnginer.summary') }}</label>
     <el-switch
       id="report-format-switch"