aidlab/FiDA_Front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化ui

Browse Source
This commit is contained in:
X1627315083@163.com
2026-03-06 10:48:54 +08:00
parent a3938662c9
commit 6be8c56516
4 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Canvas/FlowCanvas/components/header-tools.vue
View File

@@ -83,7 +83,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
user-select: none; user-select: none;
gap: 1.4rem; gap: 1.2rem;
> .line { > .line {
width: 0; width: 0;
height: 100%; height: 100%;

4
src/components/Canvas/FlowCanvas/components/nodes/result-image.vue
View File

@@ -12,7 +12,7 @@
<svg-icon name="download" size="20" size-unit="px" /> <svg-icon name="download" size="20" size-unit="px" />
</span> </span>
<button class="edit"> <button class="edit">
<span class="icon"><svg-icon name="edit" size="11" /></span> <span class="icon"><svg-icon name="edit" size="13" /></span>
<span class="text">Edit</span> <span class="text">Edit</span>
</button> </button>
</div> </div>
@@ -183,7 +183,7 @@
height: 30px; height: 30px;
border-radius: 4px; border-radius: 4px;
border: none; border: none;
background-color: #ff7a51; background-color: #ED8936;
color: #fff; color: #fff;
font-size: 12px; font-size: 12px;
display: flex; display: flex;

7
src/components/Canvas/FlowCanvas/components/tools/pixel-ratio-selection.vue
View File

@@ -19,7 +19,8 @@
modelValue: { type: String }, modelValue: { type: String },
list: { list: {
type: Array, 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({}) const data = reactive({})
@@ -47,10 +48,10 @@
font-size: 12px; font-size: 12px;
color: #7c7c7c; color: #7c7c7c;
height: 21px; height: 21px;
flex: 1;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 0 8px;
&.active { &.active {
border-radius: 4px; border-radius: 4px;
background-color: #fff; background-color: #fff;
@@ -58,7 +59,7 @@
&::before { &::before {
content: ''; content: '';
border-radius: 1px; border-radius: 1px;
border: 1px solid #7c7c7c; border: 1.2px solid #7c7c7c;
width: calc(var(--w) / max(var(--w), var(--h)) * 10px); width: calc(var(--w) / max(var(--w), var(--h)) * 10px);
height: calc(var(--h) / max(var(--w), var(--h)) * 10px); height: calc(var(--h) / max(var(--w), var(--h)) * 10px);
margin-right: 4px; margin-right: 4px;

5
src/components/Canvas/FlowCanvas/components/tools/upload-file.vue
View File

@@ -74,8 +74,11 @@
justify-content: center; justify-content: center;
box-shadow: 0px 0.75px 0px 0px rgba(0, 0, 0, 0.02); box-shadow: 0px 0.75px 0px 0px rgba(0, 0, 0, 0.02);
min-width: 39px; min-width: 39px;
height: 13px; // height: 13px;
border-radius: 2.3px; border-radius: 2.3px;
width: 56px;
text-align: center;
line-height: 18px;
background-color: #fff; background-color: #fff;
font-size: 6px; font-size: 6px;
color: #000; color: #000;