style(frontend): css fix

frontend/src/styles/reset.css

@@ -32,7 +32,7 @@ li {
     list-style: none;
 }
 #app {
-    overflow: hidden;
+    /*overflow: hidden;*/
 }
 .el-tabs {
     height: 100%;
@@ -43,4 +43,4 @@ li {
 }
 .el-tabs__nav-scroll {
     padding-left: 20px;
-}
+}
\ No newline at end of file

frontend/src/views/chart/components/ChartComponent.vue

 <template>
-  <div style="display: flex;width: 100%;height: 100%;">
+  <div style="display: flex;">
     <div :id="chartId" style="width: 100%;height: 100%;" />
   </div>
 </template>
@@ -50,7 +50,7 @@ export default {
   },
   methods: {
     drawEcharts() {
-      debugger
+      // debugger
       const chart = this.chart
       let chart_option = {}
       // type

frontend/src/views/chart/components/component-style/BackgroundColorSelector.vue

@@ -62,7 +62,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style scoped>
 .shape-item{
   padding: 6px;
   border: none;

frontend/src/views/chart/components/component-style/LegendSelector.vue

@@ -117,7 +117,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style scoped>
 .shape-item{
   padding: 6px;
   border: none;

frontend/src/views/chart/components/component-style/TitleSelector.vue

@@ -96,7 +96,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style scoped>
 .shape-item{
   padding: 6px;
   border: none;

frontend/src/views/chart/components/component-style/XAxisSelector.vue

@@ -74,7 +74,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style scoped>
 .shape-item{
   padding: 6px;
   border: none;

frontend/src/views/chart/components/component-style/YAxisSelector.vue

@@ -74,7 +74,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style scoped>
 .shape-item{
   padding: 6px;
   border: none;

frontend/src/views/chart/components/filter/QuotaFilterEditor.vue

@@ -99,7 +99,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style scoped>
 .filter-item{
   width: 100%;
   border-radius: 4px;

frontend/src/views/chart/components/shape-attr/ColorSelector.vue

@@ -126,7 +126,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style scoped>
 .shape-item{
   padding: 6px;
   border: none;

frontend/src/views/chart/components/shape-attr/LabelSelector.vue

@@ -91,7 +91,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style scoped>
   .shape-item{
     padding: 6px;
     border: none;

frontend/src/views/chart/components/shape-attr/SizeSelector.vue

@@ -130,7 +130,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style scoped>
 .shape-item{
   padding: 6px;
   border: none;

frontend/src/views/chart/components/shape-attr/TooltipSelector.vue

@@ -88,7 +88,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style scoped>
 .shape-item{
   padding: 6px;
   border: none;

frontend/src/views/chart/view/ChartEdit.vue

@@ -101,7 +101,7 @@
             </div>
           </el-row>
         </div>
-        <div style="height: 40%;overflow:auto;border-top: 1px solid #e6e6e6">
+        <div style="height: 40%;overflow:hidden;border-top: 1px solid #e6e6e6">
           <el-tabs type="card" :stretch="true" class="tab-header">
             <el-tab-pane :label="$t('chart.shape_attr')" class="padding-lr">
               <color-selector class="attr-selector" :chart="chart" @onColorChange="onColorChange" />
@@ -572,7 +572,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style scoped>
   .padding-lr {
     padding: 0 6px;
   }
@@ -654,6 +654,9 @@ export default {
     background-color: #f7f8fa;
     border-bottom-color: #f7f8fa!important;
   }
+  .tab-header>>>.el-tabs__nav-scroll{
+    padding-left: 0!important;
+  }
 
   .draggable-group {
     display: inline-block;
@@ -702,9 +705,10 @@ export default {
 
   .filter-class{
     height: calc(35% - 102px);
-    .filter-inner-class{
-      height: calc(100% - 40px);
-    }
+  }
+
+  .filter-class>>>.filter-inner-class{
+    height: calc(100% - 40px);
   }
 
   .chart-class{

frontend/src/views/dataset/add/AddSQL.vue

@@ -264,7 +264,7 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style scoped>
   .el-divider--horizontal {
     margin: 12px 0;
   }

frontend/src/views/dataset/data/UpdateInfo.vue

@@ -504,16 +504,16 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style scoped>
   .el-divider--horizontal {
     margin: 12px 0;
   }
 
   .el-radio{
     margin-right: 10px;
-    >>>.el-radio__label{
-      font-size: 12px;
-    }
+  }
+  .el-radio>>>.el-radio__label{
+    font-size: 12px;
   }
 
   .dialog-css >>> .el-dialog__header {