fix: 修复fullscreen样式会污染全局的问题

Author: zzcr

packages/theme-saas/src/fluent-editor/index.less

@@ -252,9 +252,7 @@
     @apply w-0;
     @apply h-0;
   }
-}
 
-#editor {
   .ql-tooltip {
     a.ql-preview,
     a.ql-remove {
@@ -271,12 +269,13 @@
       @apply ~'ml-1.5';
     }
   }
-}
-.fullscreen {
-  @apply fixed;
-  @apply top-0;
-  @apply left-0;
-  @apply w-full;
-  @apply h-full;
-  @apply bg-white;
+
+  &.fullscreen {
+    @apply fixed;
+    @apply top-0;
+    @apply left-0;
+    @apply w-full;
+    @apply h-full;
+    @apply bg-white;
+  }
 }

packages/theme/src/fluent-editor/index.less

@@ -12,7 +12,7 @@
   border-radius: 4px;
 
   .ql-toolbar.ql-snow {
-    padding: 8px 16px 4px 16px;
+    padding: 8px 16px 4px;
     border: none;
 
     svg {
@@ -47,7 +47,6 @@
       }
 
       .ql-picker-label {
-        padding: 0;
         border: none;
         padding: 0 28px 0 8px;
 
@@ -178,7 +177,7 @@
 
       .ql-align.ql-picker {
         .ql-picker-label {
-          padding: 4px 6px 0 6px;
+          padding: 4px 6px 0;
         }
       }
 
@@ -219,6 +218,7 @@
             fill: #0072e8;
           }
         }
+
         &.ql-fullscreen {
           svg {
             width: 12px;
@@ -247,10 +247,11 @@
     }
 
     .ql-editor {
-      padding: 8px 0 86px 0;
+      padding: 8px 0 86px;
       margin: 0 16px;
       border-top: 1px solid #ddd;
     }
+
     .ql-tooltip {
       a.ql-preview,
       a.ql-remove {
@@ -297,9 +298,7 @@
     width: 0;
     height: 0;
   }
-}
 
-#editor {
   .ql-tooltip {
     a.ql-preview,
     a.ql-remove {
@@ -316,13 +315,13 @@
       margin-left: 6px;
     }
   }
-}
 
-.fullscreen {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: #fff;
+  &.fullscreen {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: #fff;
+  }
 }