@hsu-react/ui 2.2.1 → 2.2.2

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.
@@ -153,10 +153,7 @@ var Header = observer(function (props) {
153
153
  children: /*#__PURE__*/_jsxs(Space, {
154
154
  className: styles.user,
155
155
  children: [/*#__PURE__*/_jsx(Avatar, {
156
- style: {
157
- backgroundColor: "#1677ff",
158
- verticalAlign: "middle"
159
- },
156
+ className: styles.avatar,
160
157
  icon: nickname ? undefined : /*#__PURE__*/_jsx(UserOutlined, {}),
161
158
  children: nickname === null || nickname === void 0 || (_nickname$ = nickname[0]) === null || _nickname$ === void 0 ? void 0 : _nickname$.toUpperCase()
162
159
  }), nickname]
@@ -91,6 +91,12 @@
91
91
 
92
92
  font-size: 16px;
93
93
 
94
+ .avatar {
95
+ background: var(--vita-primary);
96
+ color: var(--vita-primary-foreground);
97
+ vertical-align: middle;
98
+ }
99
+
94
100
  .user {
95
101
  width: max-content;
96
102
  min-width: max-content;
@@ -158,10 +158,7 @@ const Header = (0, _mobxReactLite.observer)(props => {
158
158
  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
159
159
  className: _indexModule.default.user,
160
160
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Avatar, {
161
- style: {
162
- backgroundColor: "#1677ff",
163
- verticalAlign: "middle"
164
- },
161
+ className: _indexModule.default.avatar,
165
162
  icon: nickname ? undefined : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.UserOutlined, {}),
166
163
  children: nickname?.[0]?.toUpperCase()
167
164
  }), nickname]
@@ -91,6 +91,12 @@
91
91
 
92
92
  font-size: 16px;
93
93
 
94
+ .avatar {
95
+ background: var(--vita-primary);
96
+ color: var(--vita-primary-foreground);
97
+ vertical-align: middle;
98
+ }
99
+
94
100
  .user {
95
101
  width: max-content;
96
102
  min-width: max-content;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hsu-react/ui",
3
- "version": "2.2.1",
3
+ "version": "2.2.2",
4
4
  "description": "一套基于 React + Ant Design 的中后台业务组件库",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -91,6 +91,12 @@
91
91
 
92
92
  font-size: 16px;
93
93
 
94
+ .avatar {
95
+ background: var(--vita-primary);
96
+ color: var(--vita-primary-foreground);
97
+ vertical-align: middle;
98
+ }
99
+
94
100
  .user {
95
101
  width: max-content;
96
102
  min-width: max-content;
@@ -192,8 +192,10 @@ const Header: React.FC<HeaderProps> = observer((props) => {
192
192
  }
193
193
  >
194
194
  <Space className={styles.user}>
195
+ {/* 底色跟随主色。从前这里写死 antd 蓝 #1677ff,而且是**行内样式**——
196
+ 换过品牌色的项目连用 CSS 都盖不住,一颗蓝点钉在整套配色里 */}
195
197
  <Avatar
196
- style={{ backgroundColor: "#1677ff", verticalAlign: "middle" }}
198
+ className={styles.avatar}
197
199
  icon={nickname ? undefined : <UserOutlined />}
198
200
  >
199
201
  {nickname?.[0]?.toUpperCase()}