@starasia/admin 12.41.0 → 12.41.1

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.
package/dist/index.es.js CHANGED
@@ -282,7 +282,7 @@ function lo({
282
282
  {
283
283
  style: {
284
284
  position: "sticky",
285
- top: "4rem",
285
+ top: "var(--app-header-height, 4rem)",
286
286
  zIndex: 1,
287
287
  borderBottom: "1px solid var(--sa-border-subtle, #0b120e24)",
288
288
  paddingLeft: "0.5rem",
@@ -888,6 +888,7 @@ function vs({
888
888
  height: "100vh",
889
889
  // backgroundColor: "var(--sa-background-primary-inverse, #f8f8f8)",
890
890
  position: "relative",
891
+ "--app-header-height": "44px",
891
892
  "--app-sidebar-width": A ? "0px" : Z ? "4.375rem" : `${G}px`,
892
893
  "--app-footer-zindex": A && ae ? "40" : "998"
893
894
  },
@@ -937,7 +938,7 @@ function vs({
937
938
  onMouseEnter: () => ge(!0),
938
939
  onMouseLeave: () => ge(!1),
939
940
  style: {
940
- height: "4rem",
941
+ height: "var(--app-header-height, 4rem)",
941
942
  display: "flex",
942
943
  alignItems: "center",
943
944
  justifyContent: "space-between",
@@ -969,8 +970,8 @@ function vs({
969
970
  src: C.logo,
970
971
  alt: "Logo",
971
972
  style: {
972
- width: "2rem",
973
- height: "2rem",
973
+ width: "1.5rem",
974
+ height: "1.5rem",
974
975
  flexShrink: 0
975
976
  }
976
977
  }
@@ -979,6 +980,7 @@ function vs({
979
980
  "span",
980
981
  {
981
982
  style: {
983
+ fontSize: "var(--sa-font-size-md, 0.875rem)",
982
984
  fontWeight: "600",
983
985
  color: "var(--sa-text-primary, #292a2e)",
984
986
  whiteSpace: "nowrap",
@@ -1220,7 +1222,7 @@ function vs({
1220
1222
  "header",
1221
1223
  {
1222
1224
  style: {
1223
- height: "4rem",
1225
+ height: "var(--app-header-height, 4rem)",
1224
1226
  backgroundColor: "var(--sa-background-primary, #ffffff)",
1225
1227
  borderBottom: "1px solid var(--sa-border-subtle, #0b120e24)",
1226
1228
  display: "flex",
@@ -1285,7 +1287,7 @@ function vs({
1285
1287
  {
1286
1288
  style: {
1287
1289
  margin: 0,
1288
- fontSize: "0.875rem",
1290
+ fontSize: "var(--sa-font-size-sm, 0.75rem)",
1289
1291
  fontWeight: 500,
1290
1292
  color: "var(--sa-text-subtle, #8c8f97)",
1291
1293
  whiteSpace: "nowrap",
@@ -1300,7 +1302,7 @@ function vs({
1300
1302
  {
1301
1303
  style: {
1302
1304
  margin: 0,
1303
- fontSize: "0.75rem",
1305
+ fontSize: "var(--sa-font-size-xs, 0.625rem)",
1304
1306
  color: "var(--sa-text-subtle, #8c8f97)",
1305
1307
  whiteSpace: "nowrap",
1306
1308
  overflow: "hidden",
@@ -1314,8 +1316,8 @@ function vs({
1314
1316
  "div",
1315
1317
  {
1316
1318
  style: {
1317
- width: "2.5rem",
1318
- height: "2.5rem",
1319
+ width: "2rem",
1320
+ height: "2rem",
1319
1321
  borderRadius: "9999px",
1320
1322
  display: "flex",
1321
1323
  alignItems: "center",
@@ -9204,7 +9206,7 @@ const ra = ({
9204
9206
  onToggle: i,
9205
9207
  width: l = 337,
9206
9208
  side: c = "left",
9207
- offsetTop: s = "4rem",
9209
+ offsetTop: s = "var(--app-header-height, 4rem)",
9208
9210
  height: a,
9209
9211
  showToggle: u = !0,
9210
9212
  togglePosition: m = "top",
@@ -9404,7 +9406,7 @@ const ra = ({
9404
9406
  borderWidth: "border-l",
9405
9407
  ...o,
9406
9408
  style: {
9407
- marginTop: "4rem",
9409
+ marginTop: "var(--app-header-height, 4rem)",
9408
9410
  backgroundColor: "var(--sa-background-white, #ffffff)",
9409
9411
  borderColor: "var(--sa-border-subtle, #0b120e24)",
9410
9412
  ...(o == null ? void 0 : o.style) ?? {}