forked from opentiny/tiny-vue
fix:暗色主题适配 (#3238)
This commit is contained in:
liukun
GitHub
parent
c1abbc805b
commit
f28fd42d56
|
|
@ -303,8 +303,14 @@
|
|||
align-items: center;
|
||||
|
||||
svg {
|
||||
cursor: pointer;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
fill: var(--tv-Input-icon-color);
|
||||
|
||||
&:hover {
|
||||
fill: var(--tv-Input-icon-color-hover);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -380,8 +380,8 @@
|
|||
margin-right: 12px;
|
||||
|
||||
.icon {
|
||||
width: var(--tv-Steps-node-circle-size);
|
||||
height: var(--tv-Steps-node-circle-size);
|
||||
width: var(--tv-Steps-node-circle-size-lg);
|
||||
height: var(--tv-Steps-node-circle-size-lg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -482,6 +482,7 @@
|
|||
.@{steps-prefix-cls}-main {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: var(--tv-Steps-node-circle-size-lg);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -700,6 +701,7 @@
|
|||
margin-left: var(--tv-Steps-text-margin-left);
|
||||
font-weight: 500;
|
||||
padding-top: 2px;
|
||||
line-height: 1.5;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
|
|
@ -821,7 +823,7 @@
|
|||
}
|
||||
|
||||
&.large {
|
||||
.block-size-mixin(32px, 16px, 18px, 16px, 32px, 12px);
|
||||
.block-size-mixin(40px, 16px, 26px, 16px, 40px, 12px);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -21,8 +21,10 @@
|
|||
--tv-Steps-disabled-icon-color: var(--tv-color-text-disabled, #c2c2c2);
|
||||
// 描述信息文本色
|
||||
--tv-Steps-node-desc-text-color: var(--tv-color-text-weaken, #808080);
|
||||
// 节点圆圈尺寸
|
||||
// 节点圆圈尺寸-中
|
||||
--tv-Steps-node-circle-size: var(--tv-size-height-md, 32px);
|
||||
// 节点圆圈尺寸-large
|
||||
--tv-Steps-node-circle-size-lg: var(--tv-size-height-lg, 40px);
|
||||
// 已完成节点边框色
|
||||
--tv-Steps-node-done-border-color: var(--tv-color-border-active, #191919);
|
||||
// 已完成节点背景色
|
||||
|
|
|
|||
|
|
@ -1,18 +1,17 @@
|
|||
<svg width="16.000000" height="16.000000" viewBox="0 0 16 16" fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
<svg width="16.000000" height="16.000000" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<desc>
|
||||
Created with Pixso.
|
||||
</desc>
|
||||
<defs>
|
||||
<clipPath id="clip164_69308">
|
||||
<rect id="halfselect" width="16.000000" height="16.000000" fill="white" fill-opacity="0"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
<g clip-path="url(#clip164_69308)">
|
||||
<path id="形状" d="M13.71 0C14.97 0 16 1.02 16 2.28L16 13.71C16 14.97 14.97 16 13.71 16L2.28 16C1.02 16 0 14.97 0 13.71L0 2.28C0 1.02 1.02 0 2.28 0L13.71 0ZM10.67 4.57L5.32 4.57C4.94 4.57 4.63 4.84 4.57 5.21L4.57 10.67C4.57 11.05 4.85 11.36 5.21 11.41L10.67 11.42C11.05 11.42 11.36 11.15 11.42 10.78L11.42 5.32C11.42 4.94 11.03 4.62 10.67 4.57Z" fill="#000000" fill-opacity="1.000000" fill-rule="nonzero"/>
|
||||
<path id="形状" d="M16 2.28L16 13.71C16 14.97 14.97 16 13.71 16L2.28 16C1.02 16 0 14.97 0 13.71L0 2.28C0 1.02 1.02 0 2.28 0L13.71 0C14.97 0 16 1.02 16 2.28ZM5.32 4.57C4.94 4.57 4.63 4.84 4.57 5.21L4.57 10.67C4.57 11.05 4.85 11.36 5.21 11.41L10.67 11.42C11.05 11.42 11.36 11.15 11.42 10.78L11.42 5.32C11.42 4.94 11.03 4.62 10.67 4.57L5.32 4.57Z" stroke="#000000" stroke-opacity="0" stroke-width="1.000000"/>
|
||||
<path id="路径" d="M10.67 4.57L5.32 4.57C4.94 4.57 4.63 4.85 4.57 5.21L4.57 10.67C4.57 11.05 4.84 11.36 5.21 11.42L10.67 11.42C11.05 11.42 11.36 11.15 11.41 10.78L11.42 5.32C11.42 4.94 11.03 4.62 10.67 4.57Z" fill="#FFFFFF" fill-opacity="1.000000" fill-rule="nonzero"/>
|
||||
<path id="路径" d="M5.32 4.57C4.94 4.57 4.63 4.85 4.57 5.21L4.57 10.67C4.57 11.05 4.84 11.36 5.21 11.42L10.67 11.42C11.05 11.42 11.36 11.15 11.41 10.78L11.42 5.32C11.42 4.94 11.03 4.62 10.67 4.57L5.32 4.57Z" stroke="#000000" stroke-opacity="0" stroke-width="1.000000"/>
|
||||
<g >
|
||||
<path
|
||||
d="M13.71 0C14.97 0 16 1.02 16 2.28v11.43c0 1.26-1.03 2.29-2.29 2.29H2.28C1.02 16 0 14.97 0 13.71V2.28C0 1.02 1.02 0 2.28 0h11.43Zm-3.04 4.57H5.32c-.38 0-.69.27-.75.64v5.46c0 .38.28.69.64.74l5.46.01c.38 0 .69-.27.75-.64V5.32c0-.38-.39-.7-.75-.75Z"
|
||||
fill-opacity="0"></path>
|
||||
<path
|
||||
d="M16 2.28v11.43c0 1.26-1.03 2.29-2.29 2.29H2.28C1.02 16 0 14.97 0 13.71V2.28C0 1.02 1.02 0 2.28 0h11.43C14.97 0 16 1.02 16 2.28ZM5.32 4.57c-.38 0-.69.27-.75.64v5.46c0 .38.28.69.64.74l5.46.01c.38 0 .69-.27.75-.64V5.32c0-.38-.39-.7-.75-.75H5.32Z">
|
||||
</path>
|
||||
<path
|
||||
d="M10.67 4.57H5.32c-.38 0-.69.28-.75.64v5.46c0 .38.27.69.64.75h5.46c.38 0 .69-.27.74-.64l.01-5.46c0-.38-.39-.7-.75-.75Z"
|
||||
fill="#FFF"></path>
|
||||
<path
|
||||
d="M5.32 4.57c-.38 0-.69.28-.75.64v5.46c0 .38.27.69.64.75h5.46c.38 0 .69-.27.74-.64l.01-5.46c0-.38-.39-.7-.75-.75H5.32Z" fill="#FFF">
|
||||
</path>
|
||||
</g>
|
||||
</svg>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.1 KiB |
|
|
@ -290,10 +290,6 @@
|
|||
color: var(--tv-UploadList-item-fail-text-color);
|
||||
}
|
||||
|
||||
&__text-desc {
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
&__icon-operationfaild {
|
||||
fill: #f23030;
|
||||
margin-right: 8px;
|
||||
|
|
|
|||
Loading…
Reference in New Issue