@hsu-react/ui 2.2.3 → 2.2.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -39,7 +39,14 @@
|
|
|
39
39
|
// 四角全圆会让它看起来像一颗浮在栏里的胶囊、和下方内容脱开。
|
|
40
40
|
// 与拖拽时的浮层（.dragOverlay）保持同一形状。
|
|
41
41
|
border-radius: 8px 8px 0 0;
|
|
42
|
-
|
|
42
|
+
// 未选中的页签要能从栏里认出来，所以给一层静息底，而不是 transparent —— 透明会让
|
|
43
|
+
// 它整个溶进 `--vita-surface` 的栏里，只剩文字浮着。
|
|
44
|
+
// 取 `--vita-background`：每套色板里它都恰好比 surface 低一级（默认亮色
|
|
45
|
+
// #fafafa / #ffffff、暗色 #09090b / #18181b），无论消费方怎么换配色，页签与栏
|
|
46
|
+
// 之间都留得住这一档差 —— 也正是 antd 卡片页签原本靠 colorFillAlter 做出的效果。
|
|
47
|
+
// 注意选中态并不靠底色深浅跟它拉开（消费方的色板里两者可能很接近），而是靠
|
|
48
|
+
// 主色文字 + 500 字重，这一点与改造前一致。
|
|
49
|
+
background: var(--vita-background);
|
|
43
50
|
|
|
44
51
|
transition: background 0.2s;
|
|
45
52
|
|
|
@@ -106,8 +113,10 @@
|
|
|
106
113
|
align-items: center;
|
|
107
114
|
align-self: stretch;
|
|
108
115
|
|
|
109
|
-
|
|
110
|
-
|
|
116
|
+
// 竖线两侧各留 5px（按钮右缘到首个页签共 11px）。两边取同一个值，竖线才落在正中；
|
|
117
|
+
// 一边宽一边窄会看起来像是竖线属于其中一侧
|
|
118
|
+
margin-right: 5px;
|
|
119
|
+
padding-right: 5px;
|
|
111
120
|
|
|
112
121
|
border-right: 1px solid var(--vita-border-weak);
|
|
113
122
|
}
|
|
@@ -39,7 +39,14 @@
|
|
|
39
39
|
// 四角全圆会让它看起来像一颗浮在栏里的胶囊、和下方内容脱开。
|
|
40
40
|
// 与拖拽时的浮层（.dragOverlay）保持同一形状。
|
|
41
41
|
border-radius: 8px 8px 0 0;
|
|
42
|
-
|
|
42
|
+
// 未选中的页签要能从栏里认出来，所以给一层静息底，而不是 transparent —— 透明会让
|
|
43
|
+
// 它整个溶进 `--vita-surface` 的栏里，只剩文字浮着。
|
|
44
|
+
// 取 `--vita-background`：每套色板里它都恰好比 surface 低一级（默认亮色
|
|
45
|
+
// #fafafa / #ffffff、暗色 #09090b / #18181b），无论消费方怎么换配色，页签与栏
|
|
46
|
+
// 之间都留得住这一档差 —— 也正是 antd 卡片页签原本靠 colorFillAlter 做出的效果。
|
|
47
|
+
// 注意选中态并不靠底色深浅跟它拉开（消费方的色板里两者可能很接近），而是靠
|
|
48
|
+
// 主色文字 + 500 字重，这一点与改造前一致。
|
|
49
|
+
background: var(--vita-background);
|
|
43
50
|
|
|
44
51
|
transition: background 0.2s;
|
|
45
52
|
|
|
@@ -106,8 +113,10 @@
|
|
|
106
113
|
align-items: center;
|
|
107
114
|
align-self: stretch;
|
|
108
115
|
|
|
109
|
-
|
|
110
|
-
|
|
116
|
+
// 竖线两侧各留 5px（按钮右缘到首个页签共 11px）。两边取同一个值，竖线才落在正中；
|
|
117
|
+
// 一边宽一边窄会看起来像是竖线属于其中一侧
|
|
118
|
+
margin-right: 5px;
|
|
119
|
+
padding-right: 5px;
|
|
111
120
|
|
|
112
121
|
border-right: 1px solid var(--vita-border-weak);
|
|
113
122
|
}
|
package/package.json
CHANGED
|
@@ -39,7 +39,14 @@
|
|
|
39
39
|
// 四角全圆会让它看起来像一颗浮在栏里的胶囊、和下方内容脱开。
|
|
40
40
|
// 与拖拽时的浮层（.dragOverlay）保持同一形状。
|
|
41
41
|
border-radius: 8px 8px 0 0;
|
|
42
|
-
|
|
42
|
+
// 未选中的页签要能从栏里认出来，所以给一层静息底，而不是 transparent —— 透明会让
|
|
43
|
+
// 它整个溶进 `--vita-surface` 的栏里，只剩文字浮着。
|
|
44
|
+
// 取 `--vita-background`：每套色板里它都恰好比 surface 低一级（默认亮色
|
|
45
|
+
// #fafafa / #ffffff、暗色 #09090b / #18181b），无论消费方怎么换配色，页签与栏
|
|
46
|
+
// 之间都留得住这一档差 —— 也正是 antd 卡片页签原本靠 colorFillAlter 做出的效果。
|
|
47
|
+
// 注意选中态并不靠底色深浅跟它拉开（消费方的色板里两者可能很接近），而是靠
|
|
48
|
+
// 主色文字 + 500 字重，这一点与改造前一致。
|
|
49
|
+
background: var(--vita-background);
|
|
43
50
|
|
|
44
51
|
transition: background 0.2s;
|
|
45
52
|
|
|
@@ -106,8 +113,10 @@
|
|
|
106
113
|
align-items: center;
|
|
107
114
|
align-self: stretch;
|
|
108
115
|
|
|
109
|
-
|
|
110
|
-
|
|
116
|
+
// 竖线两侧各留 5px（按钮右缘到首个页签共 11px）。两边取同一个值，竖线才落在正中；
|
|
117
|
+
// 一边宽一边窄会看起来像是竖线属于其中一侧
|
|
118
|
+
margin-right: 5px;
|
|
119
|
+
padding-right: 5px;
|
|
111
120
|
|
|
112
121
|
border-right: 1px solid var(--vita-border-weak);
|
|
113
122
|
}
|