diff --git a/src/components/Canvas/FlowCanvas/components/header-tools.vue b/src/components/Canvas/FlowCanvas/components/header-tools.vue index 72c0d5b..1f6ce89 100644 --- a/src/components/Canvas/FlowCanvas/components/header-tools.vue +++ b/src/components/Canvas/FlowCanvas/components/header-tools.vue @@ -83,7 +83,7 @@ align-items: center; justify-content: center; user-select: none; - gap: 1.4rem; + gap: 1.2rem; > .line { width: 0; height: 100%; diff --git a/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue b/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue index b22471f..c7e8278 100644 --- a/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue +++ b/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue @@ -12,7 +12,7 @@ @@ -183,7 +183,7 @@ height: 30px; border-radius: 4px; border: none; - background-color: #ff7a51; + background-color: #ED8936; color: #fff; font-size: 12px; display: flex; diff --git a/src/components/Canvas/FlowCanvas/components/tools/pixel-ratio-selection.vue b/src/components/Canvas/FlowCanvas/components/tools/pixel-ratio-selection.vue index c182c83..fe6fad2 100644 --- a/src/components/Canvas/FlowCanvas/components/tools/pixel-ratio-selection.vue +++ b/src/components/Canvas/FlowCanvas/components/tools/pixel-ratio-selection.vue @@ -19,7 +19,8 @@ modelValue: { type: String }, list: { type: Array, - default: () => ['1:1', '4:3', '3:4', '16:9'] + default: () => ['1:1', '4:3'] + // default: () => ['1:1', '4:3', '3:4', '16:9'] } }) const data = reactive({}) @@ -47,10 +48,10 @@ font-size: 12px; color: #7c7c7c; height: 21px; - flex: 1; display: flex; align-items: center; justify-content: center; + padding: 0 8px; &.active { border-radius: 4px; background-color: #fff; @@ -58,7 +59,7 @@ &::before { content: ''; border-radius: 1px; - border: 1px solid #7c7c7c; + border: 1.2px solid #7c7c7c; width: calc(var(--w) / max(var(--w), var(--h)) * 10px); height: calc(var(--h) / max(var(--w), var(--h)) * 10px); margin-right: 4px; diff --git a/src/components/Canvas/FlowCanvas/components/tools/upload-file.vue b/src/components/Canvas/FlowCanvas/components/tools/upload-file.vue index b4396e0..27a6907 100644 --- a/src/components/Canvas/FlowCanvas/components/tools/upload-file.vue +++ b/src/components/Canvas/FlowCanvas/components/tools/upload-file.vue @@ -74,8 +74,11 @@ justify-content: center; box-shadow: 0px 0.75px 0px 0px rgba(0, 0, 0, 0.02); min-width: 39px; - height: 13px; + // height: 13px; border-radius: 2.3px; + width: 56px; + text-align: center; + line-height: 18px; background-color: #fff; font-size: 6px; color: #000;