Merge branch 'dev' into master-fetch

src/layout/components/LayoutHeader/index.vue

@@ -29,6 +29,7 @@ import { ThemeColorSelect } from '@/components/Pages/ThemeColorSelect'
 </script>
 
 <style lang="scss" scoped>
+$min-width: 400px;
 @include go(header) {
   &-box {
     display: grid;
@@ -36,6 +37,7 @@ import { ThemeColorSelect } from '@/components/Pages/ThemeColorSelect'
     .header-item {
       display: flex;
       align-items: center;
+      min-width: $min-width;
       &.left {
         justify-content: start;
       }

src/views/chart/ContentEdit/components/EditBottom/index.vue

@@ -134,8 +134,10 @@ watchEffect(() => {
 </script>
 
 <style lang="scss" scoped>
+$min-width: 500px;
 @include go('edit-bottom') {
   width: 100%;
+  min-width: $min-width;
   padding: 0 10px;
   display: flex;
   align-items: center;