fix: UI样式优化

opentiny · Mar 8, 2024 · 875cca5 · 875cca5
1 parent 48fd25e
commit 875cca5
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 10 deletions.
diff --git a/packages/common/component/MonacoEditor.vue b/packages/common/component/MonacoEditor.vue
@@ -157,6 +157,8 @@ export default {
   align-items: center;
 
   .buttons {
+    display: flex;
+    gap: 8px;
     color: var(--ti-lowcode-component-svg-button-color);
     cursor: pointer;
     :hover {
@@ -171,8 +173,4 @@ export default {
   border: 1px solid var(--ti-lowcode-state-management-monaco-editor-border-color);
   border-radius: 6px;
 }
-.public-icon {
-  font-size: 18px;
-  margin-left: 10px;
-}
 </style>
diff --git a/packages/design-core/assets/internationalization.svg b/packages/design-core/assets/internationalization.svg
diff --git a/packages/plugins/data/src/CreateStore.vue b/packages/plugins/data/src/CreateStore.vue
@@ -251,7 +251,8 @@ export default {
 }
 
 .create-content-description {
-  color: var(--ti-lowcode-description-color);
+  font-size: 12px;
+  color: var(--ti-lowcode-common-primary-color);
   margin-left: 8px;
   cursor: pointer;
 }

diff --git a/packages/plugins/data/src/CreateVariable.vue b/packages/plugins/data/src/CreateVariable.vue
@@ -449,7 +449,8 @@ export default {
 }
 
 .create-content-description {
-  color: var(--ti-lowcode-description-color);
+  font-size: 12px;
+  color: var(--ti-lowcode-common-primary-color);
   margin-left: 8px;
   cursor: pointer;
 }
@@ -472,11 +473,19 @@ export default {
 .tiny-popover.tiny-popper.state-data-example-tips {
   background-color: var(--ti-lowcode-data-example-bg-color);
   color: var(--ti-lowcode-data-example-color);
-  .popper__arrow {
+
+  &[x-placement^='bottom'] .popper__arrow {
     &,
     &::after {
       border-bottom-color: var(--ti-lowcode-data-example-bg-color);
     }
   }
+
+  &[x-placement^='top'] .popper__arrow {
+    &,
+    &::after {
+      border-top-color: var(--ti-lowcode-data-example-bg-color);
+    }
+  }
 }
 </style>
diff --git a/packages/plugins/data/src/EditorI18nTool.vue b/packages/plugins/data/src/EditorI18nTool.vue
@@ -29,7 +29,7 @@
 
     <template #reference>
       <tiny-tooltip content="插入国际化词条" placement="top">
-        <icon-language class="button-icon" @click="openPopover"></icon-language>
+        <svg-icon name="internationalization" @click="openPopover"></svg-icon>
       </tiny-tooltip>
     </template>
   </tiny-popover>
@@ -38,7 +38,7 @@
 <script>
 import { reactive, ref, computed } from 'vue'
 import { Button, Popover, Tooltip } from '@opentiny/vue'
-import { iconLanguage, iconClose } from '@opentiny/vue-icon'
+import { iconClose } from '@opentiny/vue-icon'
 import { BindI18n } from '@opentiny/tiny-engine-common'
 import { useTranslate } from '@opentiny/tiny-engine-controller'
 
@@ -47,7 +47,6 @@ export default {
     TinyButton: Button,
     TinyTooltip: Tooltip,
     TinyPopover: Popover,
-    IconLanguage: iconLanguage(),
     IconClose: iconClose(),
     BindI18n
   },