style(ColumnSetting): 图标样式调整

This commit is contained in:
KAI
2025-03-20 08:30:18 +00:00
committed by Charles7c
parent 11d54572e9
commit a4413699c4

View File

@@ -47,7 +47,7 @@
{{ item.title }} {{ item.title }}
</a-checkbox> </a-checkbox>
<div class="gi-table__draggable-item-fixed"> <div class="gi-table__draggable-item-fixed">
<span <icon-pushpin
class="gi-table__fixed-icon" class="gi-table__fixed-icon"
:class="[ :class="[
{ {
@@ -56,10 +56,8 @@
}, },
]" ]"
@click="handleFixedColumn(item, 'left')" @click="handleFixedColumn(item, 'left')"
> />
<icon-left /> <icon-pushpin
</span>
<span
class="gi-table__fixed-icon" class="gi-table__fixed-icon"
:class="[ :class="[
{ {
@@ -67,10 +65,9 @@
'gi-table__fixed-icon--disabled': !item.show, 'gi-table__fixed-icon--disabled': !item.show,
}, },
]" ]"
:rotate="270"
@click="handleFixedColumn(item, 'right')" @click="handleFixedColumn(item, 'right')"
> />
<icon-right />
</span>
</div> </div>
</div> </div>
</VueDraggable> </VueDraggable>
@@ -514,23 +511,18 @@ defineExpose({
margin-left: auto; margin-left: auto;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 8px;
} }
} }
&__fixed-icon { &__fixed-icon {
display: inline-flex;
align-items: center;
padding: 2px 6px;
border-radius: 2px;
cursor: pointer; cursor: pointer;
font-size: 16px;
color: var(--color-text-3);
transition: all 0.2s ease; transition: all 0.2s ease;
font-size: 12px; padding: 4px;
border: 1px solid var(--color-border-2); border-radius: 2px;
&--active { &--active {
border-color: rgb(var(--primary-6));
background-color: rgb(var(--primary-1));
color: rgb(var(--primary-6)); color: rgb(var(--primary-6));
} }
@@ -540,8 +532,8 @@ defineExpose({
} }
&:hover:not(&--disabled) { &:hover:not(&--disabled) {
border-color: rgb(var(--primary-6));
color: rgb(var(--primary-6)); color: rgb(var(--primary-6));
background-color: var(--color-fill-2);
} }
} }
} }