@wikex/admin-kit 0.5.0 → 0.7.0
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/CHANGELOG.md +16 -0
- package/README.md +34 -2
- package/dist/admin/before-login.js +8 -7
- package/dist/admin/header.js +107 -65
- package/dist/admin/logout-button.js +3 -3
- package/dist/admin/nav-client.js +204 -140
- package/dist/admin/theme-toggle.js +3 -3
- package/dist/admin/view-site.js +6 -9
- package/dist/{chunk-7FEACJUN.js → chunk-5DJKPKJ6.js} +2 -1
- package/dist/{chunk-GZ2B5BTH.js → chunk-B6FIGT4Q.js} +9 -6
- package/dist/chunk-BKR24U6B.js +25 -0
- package/dist/chunk-N7CP6ZLG.js +26 -0
- package/dist/chunk-PPWCNGRB.js +303 -0
- package/dist/index.js +1 -1
- package/dist/minimal/index.d.ts +107 -0
- package/dist/minimal/index.js +132 -0
- package/dist/minimal/provider.d.ts +14 -0
- package/dist/minimal/provider.js +12 -0
- package/dist/starter.js +1 -1
- package/package.json +9 -1
- package/src/styles/admin.scss +353 -64
- package/dist/chunk-SAI5SWZA.js +0 -29
package/src/styles/admin.scss
CHANGED
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
/* Minimal UI 7.6.1 skin for Payload. Payload keeps all application behaviour. */
|
|
4
4
|
|
|
5
5
|
:root {
|
|
6
|
-
--minimal-primary-lighter: #
|
|
7
|
-
--minimal-primary-light: #
|
|
8
|
-
--minimal-primary: #
|
|
9
|
-
--minimal-primary-dark: #
|
|
10
|
-
--minimal-primary-darker: #
|
|
6
|
+
--minimal-primary-lighter: #c8fad6;
|
|
7
|
+
--minimal-primary-light: #5be49b;
|
|
8
|
+
--minimal-primary: #00a76f;
|
|
9
|
+
--minimal-primary-dark: #007867;
|
|
10
|
+
--minimal-primary-darker: #004b50;
|
|
11
11
|
--minimal-secondary: #8e33ff;
|
|
12
12
|
--minimal-info: #00b8d9;
|
|
13
13
|
--minimal-success: #22c55e;
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
--minimal-divider: rgb(145 158 171 / 20%);
|
|
33
33
|
--minimal-action-hover: rgb(145 158 171 / 8%);
|
|
34
34
|
--minimal-action-selected: rgb(145 158 171 / 16%);
|
|
35
|
-
--minimal-focus-ring: 0 0 0 3px rgb(
|
|
35
|
+
--minimal-focus-ring: 0 0 0 3px rgb(0 167 111 / 22%);
|
|
36
36
|
--minimal-shadow-z1: 0 1px 2px rgb(145 158 171 / 16%);
|
|
37
37
|
--minimal-shadow-z4: 0 4px 8px -4px rgb(145 158 171 / 24%);
|
|
38
38
|
--minimal-shadow-z12: 0 12px 24px -4px rgb(145 158 171 / 24%);
|
|
@@ -40,10 +40,10 @@
|
|
|
40
40
|
--minimal-radius-sm: 8px;
|
|
41
41
|
--minimal-radius-md: 12px;
|
|
42
42
|
--minimal-radius-lg: 16px;
|
|
43
|
-
--minimal-header-height:
|
|
44
|
-
--nav-width:
|
|
45
|
-
--gutter-h: clamp(
|
|
46
|
-
--base:
|
|
43
|
+
--minimal-header-height: 72px;
|
|
44
|
+
--nav-width: 300px;
|
|
45
|
+
--gutter-h: clamp(24px, 3vw, 40px);
|
|
46
|
+
--base: 16px;
|
|
47
47
|
--doc-controls-height: 56px;
|
|
48
48
|
--app-header-height: 64px;
|
|
49
49
|
--z-nav: 30;
|
|
@@ -79,21 +79,21 @@
|
|
|
79
79
|
--theme-warning-500: var(--minimal-warning);
|
|
80
80
|
--theme-text-warning: #7a4100;
|
|
81
81
|
--aurea-admin-accent: var(--minimal-primary);
|
|
82
|
-
--aurea-admin-accent-soft: rgb(
|
|
83
|
-
--font-body:
|
|
82
|
+
--aurea-admin-accent-soft: rgb(0 167 111 / 16%);
|
|
83
|
+
--font-body: 'Public Sans Variable', 'Public Sans', Arial, sans-serif;
|
|
84
84
|
--font-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
|
|
85
85
|
}
|
|
86
86
|
|
|
87
87
|
html[data-theme='dark'] {
|
|
88
|
-
--minimal-background: #
|
|
89
|
-
--minimal-paper: #
|
|
90
|
-
--minimal-neutral: #
|
|
91
|
-
--minimal-text-primary: #
|
|
92
|
-
--minimal-text-secondary: #
|
|
93
|
-
--minimal-text-disabled: #
|
|
94
|
-
--minimal-divider: rgb(
|
|
95
|
-
--minimal-action-hover: rgb(
|
|
96
|
-
--minimal-action-selected: rgb(
|
|
88
|
+
--minimal-background: #141a21;
|
|
89
|
+
--minimal-paper: #1c252e;
|
|
90
|
+
--minimal-neutral: #28323d;
|
|
91
|
+
--minimal-text-primary: #fff;
|
|
92
|
+
--minimal-text-secondary: #919eab;
|
|
93
|
+
--minimal-text-disabled: #637381;
|
|
94
|
+
--minimal-divider: rgb(145 158 171 / 20%);
|
|
95
|
+
--minimal-action-hover: rgb(145 158 171 / 8%);
|
|
96
|
+
--minimal-action-selected: rgb(145 158 171 / 16%);
|
|
97
97
|
--minimal-shadow-z1: 0 1px 2px rgb(0 0 0 / 28%);
|
|
98
98
|
--minimal-shadow-z4: 0 4px 8px -4px rgb(0 0 0 / 36%);
|
|
99
99
|
--minimal-shadow-z12: 0 12px 24px -4px rgb(0 0 0 / 44%);
|
|
@@ -101,28 +101,28 @@ html[data-theme='dark'] {
|
|
|
101
101
|
--theme-bg: var(--minimal-background);
|
|
102
102
|
--theme-input-bg: var(--minimal-paper);
|
|
103
103
|
--theme-text: var(--minimal-text-primary);
|
|
104
|
-
--theme-elevation-0: #
|
|
105
|
-
--theme-elevation-50: #
|
|
106
|
-
--theme-elevation-100: #
|
|
107
|
-
--theme-elevation-150: #
|
|
108
|
-
--theme-elevation-200: #
|
|
109
|
-
--theme-elevation-250: #
|
|
110
|
-
--theme-elevation-300: #
|
|
111
|
-
--theme-elevation-350: #
|
|
112
|
-
--theme-elevation-400: #
|
|
113
|
-
--theme-elevation-450: #
|
|
114
|
-
--theme-elevation-500: #
|
|
115
|
-
--theme-elevation-550: #
|
|
116
|
-
--theme-elevation-600: #
|
|
117
|
-
--theme-elevation-650: #
|
|
118
|
-
--theme-elevation-700: #
|
|
119
|
-
--theme-elevation-750: #
|
|
120
|
-
--theme-elevation-800: #
|
|
121
|
-
--theme-elevation-850: #
|
|
122
|
-
--theme-elevation-900: #
|
|
123
|
-
--theme-elevation-950: #
|
|
104
|
+
--theme-elevation-0: #141a21;
|
|
105
|
+
--theme-elevation-50: #182028;
|
|
106
|
+
--theme-elevation-100: #1c252e;
|
|
107
|
+
--theme-elevation-150: #222d37;
|
|
108
|
+
--theme-elevation-200: #28323d;
|
|
109
|
+
--theme-elevation-250: #303b46;
|
|
110
|
+
--theme-elevation-300: #36414c;
|
|
111
|
+
--theme-elevation-350: #3e4954;
|
|
112
|
+
--theme-elevation-400: #454f5b;
|
|
113
|
+
--theme-elevation-450: #53606c;
|
|
114
|
+
--theme-elevation-500: #637381;
|
|
115
|
+
--theme-elevation-550: #748391;
|
|
116
|
+
--theme-elevation-600: #919eab;
|
|
117
|
+
--theme-elevation-650: #a2adb8;
|
|
118
|
+
--theme-elevation-700: #b2bcc5;
|
|
119
|
+
--theme-elevation-750: #c4cdd5;
|
|
120
|
+
--theme-elevation-800: #d3d9df;
|
|
121
|
+
--theme-elevation-850: #dfe3e8;
|
|
122
|
+
--theme-elevation-900: #f4f6f8;
|
|
123
|
+
--theme-elevation-950: #f9fafb;
|
|
124
124
|
--theme-elevation-1000: #fff;
|
|
125
|
-
--theme-text-warning: #
|
|
125
|
+
--theme-text-warning: #ffd666;
|
|
126
126
|
}
|
|
127
127
|
|
|
128
128
|
html,
|
|
@@ -130,8 +130,8 @@ body {
|
|
|
130
130
|
background: var(--minimal-background);
|
|
131
131
|
color: var(--minimal-text-primary);
|
|
132
132
|
font-family: var(--font-body);
|
|
133
|
-
font-size:
|
|
134
|
-
line-height: 1.
|
|
133
|
+
font-size: 14px;
|
|
134
|
+
line-height: 1.57143;
|
|
135
135
|
}
|
|
136
136
|
|
|
137
137
|
html {
|
|
@@ -153,7 +153,7 @@ textarea {
|
|
|
153
153
|
}
|
|
154
154
|
|
|
155
155
|
::selection {
|
|
156
|
-
background: rgb(
|
|
156
|
+
background: rgb(0 167 111 / 24%);
|
|
157
157
|
}
|
|
158
158
|
|
|
159
159
|
a,
|
|
@@ -313,8 +313,8 @@ textarea:focus-visible {
|
|
|
313
313
|
align-items: center;
|
|
314
314
|
background: var(--minimal-primary);
|
|
315
315
|
border-radius: 10px;
|
|
316
|
-
box-shadow: 0 8px 16px rgb(
|
|
317
|
-
color: #
|
|
316
|
+
box-shadow: 0 8px 16px rgb(0 167 111 / 20%);
|
|
317
|
+
color: #fff;
|
|
318
318
|
display: flex;
|
|
319
319
|
height: 40px;
|
|
320
320
|
justify-content: center;
|
|
@@ -421,7 +421,7 @@ textarea:focus-visible {
|
|
|
421
421
|
box-shadow: var(--minimal-focus-ring);
|
|
422
422
|
}
|
|
423
423
|
&--active {
|
|
424
|
-
background: rgb(
|
|
424
|
+
background: rgb(0 167 111 / 12%);
|
|
425
425
|
color: var(--minimal-primary-dark) !important;
|
|
426
426
|
font-weight: 700;
|
|
427
427
|
}
|
|
@@ -453,7 +453,7 @@ textarea:focus-visible {
|
|
|
453
453
|
align-items: center;
|
|
454
454
|
background: linear-gradient(135deg, var(--minimal-primary), var(--minimal-primary-light));
|
|
455
455
|
border-radius: 50%;
|
|
456
|
-
color: #
|
|
456
|
+
color: #fff;
|
|
457
457
|
display: flex;
|
|
458
458
|
font-size: 11px;
|
|
459
459
|
font-weight: 800;
|
|
@@ -510,6 +510,7 @@ textarea:focus-visible {
|
|
|
510
510
|
.minimal-nav__workspace-menu,
|
|
511
511
|
.minimal-nav__group-label,
|
|
512
512
|
.minimal-nav__item > span,
|
|
513
|
+
.minimal-nav__item .MuiListItemText-root,
|
|
513
514
|
.minimal-nav__account-copy,
|
|
514
515
|
.minimal-nav__logout {
|
|
515
516
|
display: none;
|
|
@@ -527,6 +528,20 @@ textarea:focus-visible {
|
|
|
527
528
|
justify-content: center;
|
|
528
529
|
padding-inline: 0;
|
|
529
530
|
}
|
|
531
|
+
.minimal-nav__item .MuiListItemIcon-root {
|
|
532
|
+
justify-content: center;
|
|
533
|
+
min-width: 0;
|
|
534
|
+
}
|
|
535
|
+
.aurea-brand--icon .brand-logo {
|
|
536
|
+
max-width: 32px !important;
|
|
537
|
+
overflow: hidden;
|
|
538
|
+
}
|
|
539
|
+
.aurea-brand--icon .brand-logo img {
|
|
540
|
+
height: 32px !important;
|
|
541
|
+
max-width: none !important;
|
|
542
|
+
object-position: left center;
|
|
543
|
+
width: auto !important;
|
|
544
|
+
}
|
|
530
545
|
.minimal-nav__group {
|
|
531
546
|
gap: 5px;
|
|
532
547
|
padding-block: 9px;
|
|
@@ -539,7 +554,7 @@ html[data-theme='dark'] .minimal-nav__item--active {
|
|
|
539
554
|
}
|
|
540
555
|
|
|
541
556
|
html[data-theme='dark'] .minimal-nav__item--active {
|
|
542
|
-
background: rgb(
|
|
557
|
+
background: rgb(0 167 111 / 13%);
|
|
543
558
|
}
|
|
544
559
|
|
|
545
560
|
.aurea-brand {
|
|
@@ -657,8 +672,8 @@ html[data-theme='dark'] .minimal-nav__item--active {
|
|
|
657
672
|
background: linear-gradient(135deg, var(--minimal-primary), var(--minimal-primary-light));
|
|
658
673
|
border: 2px solid var(--minimal-paper);
|
|
659
674
|
border-radius: 50%;
|
|
660
|
-
box-shadow: 0 0 0 2px rgb(
|
|
661
|
-
color: #
|
|
675
|
+
box-shadow: 0 0 0 2px rgb(0 167 111 / 14%);
|
|
676
|
+
color: #fff;
|
|
662
677
|
display: flex;
|
|
663
678
|
font-size: 11px;
|
|
664
679
|
font-weight: 800;
|
|
@@ -829,7 +844,7 @@ html[data-theme='dark'] {
|
|
|
829
844
|
align-items: center;
|
|
830
845
|
background: var(--minimal-primary) !important;
|
|
831
846
|
border-color: var(--minimal-primary) !important;
|
|
832
|
-
color: #
|
|
847
|
+
color: #fff !important;
|
|
833
848
|
display: inline-flex !important;
|
|
834
849
|
margin-left: auto;
|
|
835
850
|
min-height: 36px;
|
|
@@ -890,7 +905,7 @@ html[data-theme='dark'] {
|
|
|
890
905
|
&--style-primary {
|
|
891
906
|
background: var(--minimal-primary);
|
|
892
907
|
border-color: var(--minimal-primary);
|
|
893
|
-
color: #
|
|
908
|
+
color: #fff;
|
|
894
909
|
}
|
|
895
910
|
&--style-primary:hover {
|
|
896
911
|
background: var(--minimal-primary-dark);
|
|
@@ -970,7 +985,7 @@ html[data-theme='dark'] {
|
|
|
970
985
|
.where-builder__add-first-filter {
|
|
971
986
|
background: var(--minimal-primary);
|
|
972
987
|
border-color: var(--minimal-primary);
|
|
973
|
-
color: #
|
|
988
|
+
color: #fff;
|
|
974
989
|
margin: 0;
|
|
975
990
|
min-height: 32px;
|
|
976
991
|
}
|
|
@@ -1077,7 +1092,7 @@ input[type='checkbox'] {
|
|
|
1077
1092
|
.radio-input input[type='radio']:focus + .radio-input__styled-radio,
|
|
1078
1093
|
.radio-input input[type='radio']:focus-visible + .radio-input__styled-radio {
|
|
1079
1094
|
border-color: var(--minimal-primary);
|
|
1080
|
-
box-shadow: 0 0 0 3px rgb(
|
|
1095
|
+
box-shadow: 0 0 0 3px rgb(0 167 111 / 18%);
|
|
1081
1096
|
}
|
|
1082
1097
|
.radio-input--is-selected .radio-input__styled-radio {
|
|
1083
1098
|
border-color: var(--minimal-primary);
|
|
@@ -1101,7 +1116,7 @@ input[type='checkbox'] {
|
|
|
1101
1116
|
padding-left: 0;
|
|
1102
1117
|
}
|
|
1103
1118
|
.checkbox-input {
|
|
1104
|
-
--theme-success-400: rgb(
|
|
1119
|
+
--theme-success-400: rgb(0 167 111 / 24%);
|
|
1105
1120
|
|
|
1106
1121
|
align-items: center;
|
|
1107
1122
|
gap: 10px;
|
|
@@ -1144,7 +1159,7 @@ html[data-theme]
|
|
|
1144
1159
|
.checkbox-input:not(.checkbox-input--read-only):focus-within
|
|
1145
1160
|
.checkbox-input__input {
|
|
1146
1161
|
border-color: var(--minimal-primary);
|
|
1147
|
-
box-shadow: 0 0 0 3px rgb(
|
|
1162
|
+
box-shadow: 0 0 0 3px rgb(0 167 111 / 18%) !important;
|
|
1148
1163
|
}
|
|
1149
1164
|
html[data-theme] .checkbox-input:not(.checkbox-input--read-only):active input[type='checkbox'],
|
|
1150
1165
|
html[data-theme] .checkbox-input:not(.checkbox-input--read-only):focus input[type='checkbox'],
|
|
@@ -1157,7 +1172,7 @@ html[data-theme]
|
|
|
1157
1172
|
.checkbox-input--checked .checkbox-input__input {
|
|
1158
1173
|
background: var(--minimal-primary);
|
|
1159
1174
|
border-color: var(--minimal-primary);
|
|
1160
|
-
color: #
|
|
1175
|
+
color: #fff;
|
|
1161
1176
|
}
|
|
1162
1177
|
|
|
1163
1178
|
/* Edit view */
|
|
@@ -1210,13 +1225,13 @@ html[data-theme]
|
|
|
1210
1225
|
.doc-controls .form-submit .btn--style-primary > button {
|
|
1211
1226
|
background: var(--minimal-primary);
|
|
1212
1227
|
border-color: var(--minimal-primary);
|
|
1213
|
-
color: #
|
|
1228
|
+
color: #fff;
|
|
1214
1229
|
}
|
|
1215
1230
|
|
|
1216
1231
|
.doc-controls .form-submit .popup-button {
|
|
1217
1232
|
background: color-mix(in srgb, var(--minimal-primary) 88%, #fff);
|
|
1218
1233
|
border-color: var(--minimal-primary);
|
|
1219
|
-
color: #
|
|
1234
|
+
color: #fff;
|
|
1220
1235
|
}
|
|
1221
1236
|
|
|
1222
1237
|
.doc-controls .form-submit,
|
|
@@ -1407,7 +1422,7 @@ select:not([multiple]) {
|
|
|
1407
1422
|
box-shadow 160ms ease;
|
|
1408
1423
|
}
|
|
1409
1424
|
select:not([multiple]):hover:not(:disabled) {
|
|
1410
|
-
border-color: rgb(
|
|
1425
|
+
border-color: rgb(0 167 111 / 48%);
|
|
1411
1426
|
}
|
|
1412
1427
|
select:not([multiple]):focus-visible {
|
|
1413
1428
|
border-color: var(--minimal-primary);
|
|
@@ -1487,7 +1502,7 @@ select optgroup {
|
|
|
1487
1502
|
box-shadow 160ms ease;
|
|
1488
1503
|
}
|
|
1489
1504
|
.react-select .rs__control:hover {
|
|
1490
|
-
border-color: rgb(
|
|
1505
|
+
border-color: rgb(0 167 111 / 48%);
|
|
1491
1506
|
}
|
|
1492
1507
|
.react-select .rs__control--is-focused,
|
|
1493
1508
|
.react-select .rs__control--menu-is-open {
|
|
@@ -1679,7 +1694,7 @@ select optgroup {
|
|
|
1679
1694
|
padding: 2px;
|
|
1680
1695
|
}
|
|
1681
1696
|
.react-select .rs__multi-value__remove:hover {
|
|
1682
|
-
background: rgb(
|
|
1697
|
+
background: rgb(0 167 111 / 18%);
|
|
1683
1698
|
color: var(--minimal-primary);
|
|
1684
1699
|
}
|
|
1685
1700
|
.react-select .rs__loading-indicator,
|
|
@@ -3030,3 +3045,277 @@ html:has(.live-preview-resizer--dragging) body {
|
|
|
3030
3045
|
transition-duration: 0.01ms !important;
|
|
3031
3046
|
}
|
|
3032
3047
|
}
|
|
3048
|
+
|
|
3049
|
+
/* --------------------------------------------------------------------------
|
|
3050
|
+
* Minimal UI component authority
|
|
3051
|
+
*
|
|
3052
|
+
* The shell above keeps Payload's stable DOM hooks. These final rules align
|
|
3053
|
+
* both the MUI shell and Payload-owned controls with the original Minimal
|
|
3054
|
+
* dashboard metrics and palette.
|
|
3055
|
+
* ------------------------------------------------------------------------ */
|
|
3056
|
+
|
|
3057
|
+
.minimal-nav__backdrop.MuiBackdrop-root {
|
|
3058
|
+
background: rgb(20 26 33 / 48%);
|
|
3059
|
+
backdrop-filter: blur(2px);
|
|
3060
|
+
z-index: var(--z-modal);
|
|
3061
|
+
}
|
|
3062
|
+
|
|
3063
|
+
.minimal-nav > .minimal-nav__scroll.MuiPaper-root {
|
|
3064
|
+
background: var(--minimal-background);
|
|
3065
|
+
color: var(--minimal-text-primary);
|
|
3066
|
+
}
|
|
3067
|
+
|
|
3068
|
+
.minimal-nav__workspace.MuiPaper-root {
|
|
3069
|
+
background: var(--minimal-neutral);
|
|
3070
|
+
color: var(--minimal-text-primary);
|
|
3071
|
+
}
|
|
3072
|
+
|
|
3073
|
+
.minimal-nav__workspace-icon.MuiAvatar-root,
|
|
3074
|
+
.minimal-nav__avatar.MuiAvatar-root {
|
|
3075
|
+
background: var(--minimal-primary);
|
|
3076
|
+
color: #fff;
|
|
3077
|
+
}
|
|
3078
|
+
|
|
3079
|
+
.minimal-nav__item.MuiListItemButton-root {
|
|
3080
|
+
color: var(--minimal-text-secondary) !important;
|
|
3081
|
+
margin-bottom: 4px;
|
|
3082
|
+
}
|
|
3083
|
+
|
|
3084
|
+
.minimal-nav__item.MuiListItemButton-root .MuiListItemIcon-root {
|
|
3085
|
+
color: inherit;
|
|
3086
|
+
}
|
|
3087
|
+
|
|
3088
|
+
.minimal-nav__item.MuiListItemButton-root.Mui-selected {
|
|
3089
|
+
background: rgb(0 167 111 / 8%);
|
|
3090
|
+
color: var(--minimal-primary-dark) !important;
|
|
3091
|
+
}
|
|
3092
|
+
|
|
3093
|
+
.minimal-nav__item.MuiListItemButton-root.Mui-selected:hover {
|
|
3094
|
+
background: rgb(0 167 111 / 16%);
|
|
3095
|
+
}
|
|
3096
|
+
|
|
3097
|
+
html[data-theme='dark'] .minimal-nav__item.MuiListItemButton-root.Mui-selected {
|
|
3098
|
+
color: var(--minimal-primary-light) !important;
|
|
3099
|
+
}
|
|
3100
|
+
|
|
3101
|
+
.minimal-nav__group-label.MuiListSubheader-root {
|
|
3102
|
+
background: transparent;
|
|
3103
|
+
color: var(--minimal-text-disabled);
|
|
3104
|
+
padding-inline: 12px;
|
|
3105
|
+
}
|
|
3106
|
+
|
|
3107
|
+
.minimal-nav__account.MuiListItemButton-root {
|
|
3108
|
+
color: var(--minimal-text-primary);
|
|
3109
|
+
display: flex;
|
|
3110
|
+
padding: 8px;
|
|
3111
|
+
}
|
|
3112
|
+
|
|
3113
|
+
.minimal-nav__account.MuiListItemButton-root .MuiListItemText-root {
|
|
3114
|
+
margin-left: 12px;
|
|
3115
|
+
min-width: 0;
|
|
3116
|
+
}
|
|
3117
|
+
|
|
3118
|
+
.admin-sign-out.MuiListItemButton-root {
|
|
3119
|
+
color: var(--minimal-text-secondary) !important;
|
|
3120
|
+
padding: 8px;
|
|
3121
|
+
}
|
|
3122
|
+
|
|
3123
|
+
.admin-sign-out.MuiListItemButton-root:hover {
|
|
3124
|
+
background: rgb(255 86 48 / 8%);
|
|
3125
|
+
color: var(--minimal-error) !important;
|
|
3126
|
+
}
|
|
3127
|
+
|
|
3128
|
+
.minimal-admin-header.MuiAppBar-root {
|
|
3129
|
+
background: color-mix(in srgb, var(--minimal-background) 80%, transparent);
|
|
3130
|
+
color: var(--minimal-text-primary);
|
|
3131
|
+
display: block;
|
|
3132
|
+
height: var(--minimal-header-height);
|
|
3133
|
+
padding: 0;
|
|
3134
|
+
width: auto;
|
|
3135
|
+
}
|
|
3136
|
+
|
|
3137
|
+
.minimal-admin-header__toolbar.MuiToolbar-root {
|
|
3138
|
+
height: 100%;
|
|
3139
|
+
min-height: var(--minimal-header-height);
|
|
3140
|
+
padding: 0 var(--gutter-h);
|
|
3141
|
+
}
|
|
3142
|
+
|
|
3143
|
+
.minimal-admin-header__account.MuiIconButton-root {
|
|
3144
|
+
height: 44px;
|
|
3145
|
+
width: 44px;
|
|
3146
|
+
}
|
|
3147
|
+
|
|
3148
|
+
.minimal-admin-header__account.MuiIconButton-root > .MuiAvatar-root {
|
|
3149
|
+
background: var(--minimal-primary);
|
|
3150
|
+
border: 2px solid var(--minimal-paper);
|
|
3151
|
+
box-shadow: 0 0 0 2px rgb(0 167 111 / 14%);
|
|
3152
|
+
color: #fff;
|
|
3153
|
+
font-size: 12px;
|
|
3154
|
+
font-weight: 700;
|
|
3155
|
+
height: 36px;
|
|
3156
|
+
width: 36px;
|
|
3157
|
+
}
|
|
3158
|
+
|
|
3159
|
+
.admin-theme-toggle.MuiSwitch-root {
|
|
3160
|
+
background: transparent;
|
|
3161
|
+
border-radius: 20px;
|
|
3162
|
+
display: inline-flex;
|
|
3163
|
+
height: 40px;
|
|
3164
|
+
padding: 8px;
|
|
3165
|
+
width: 54px;
|
|
3166
|
+
}
|
|
3167
|
+
|
|
3168
|
+
.admin-view-site.MuiButton-root {
|
|
3169
|
+
border-color: var(--minimal-divider) !important;
|
|
3170
|
+
color: var(--minimal-text-primary) !important;
|
|
3171
|
+
min-width: 0;
|
|
3172
|
+
text-transform: none;
|
|
3173
|
+
}
|
|
3174
|
+
|
|
3175
|
+
.minimal-account-menu.MuiPaper-root {
|
|
3176
|
+
background: var(--minimal-paper);
|
|
3177
|
+
border: 1px solid var(--minimal-divider);
|
|
3178
|
+
color: var(--minimal-text-primary);
|
|
3179
|
+
margin-top: 8px;
|
|
3180
|
+
min-width: 220px;
|
|
3181
|
+
}
|
|
3182
|
+
|
|
3183
|
+
.minimal-account-menu__profile {
|
|
3184
|
+
display: flex;
|
|
3185
|
+
flex-direction: column;
|
|
3186
|
+
padding: 10px 12px 12px;
|
|
3187
|
+
}
|
|
3188
|
+
|
|
3189
|
+
.collection-list > .gutter,
|
|
3190
|
+
.dashboard > .dashboard__wrap,
|
|
3191
|
+
.account > .gutter,
|
|
3192
|
+
.collection-edit > .gutter,
|
|
3193
|
+
.global-edit > .gutter {
|
|
3194
|
+
margin-inline: auto;
|
|
3195
|
+
max-width: 1440px;
|
|
3196
|
+
width: 100%;
|
|
3197
|
+
}
|
|
3198
|
+
|
|
3199
|
+
.list-header__title,
|
|
3200
|
+
.doc-header__title,
|
|
3201
|
+
.render-title,
|
|
3202
|
+
.dashboard__label,
|
|
3203
|
+
.account__title {
|
|
3204
|
+
font-family: var(--font-body);
|
|
3205
|
+
font-size: clamp(28px, 2.25vw, 32px);
|
|
3206
|
+
font-weight: 700;
|
|
3207
|
+
letter-spacing: -0.02em;
|
|
3208
|
+
line-height: 1.5;
|
|
3209
|
+
}
|
|
3210
|
+
|
|
3211
|
+
.collection-list .list-controls {
|
|
3212
|
+
border-color: transparent;
|
|
3213
|
+
border-radius: 12px;
|
|
3214
|
+
box-shadow: none;
|
|
3215
|
+
min-height: 56px;
|
|
3216
|
+
padding: 8px 12px;
|
|
3217
|
+
}
|
|
3218
|
+
|
|
3219
|
+
.collection-list .table {
|
|
3220
|
+
border: 0;
|
|
3221
|
+
border-radius: 16px;
|
|
3222
|
+
box-shadow: var(--minimal-shadow-card);
|
|
3223
|
+
}
|
|
3224
|
+
|
|
3225
|
+
.collection-list th {
|
|
3226
|
+
background: var(--minimal-neutral);
|
|
3227
|
+
color: var(--minimal-text-secondary);
|
|
3228
|
+
font-weight: 600;
|
|
3229
|
+
height: 56px;
|
|
3230
|
+
}
|
|
3231
|
+
|
|
3232
|
+
.collection-list td {
|
|
3233
|
+
height: 64px;
|
|
3234
|
+
}
|
|
3235
|
+
|
|
3236
|
+
.collection-list tbody tr:hover td {
|
|
3237
|
+
background: var(--minimal-action-hover) !important;
|
|
3238
|
+
}
|
|
3239
|
+
|
|
3240
|
+
.btn--style-primary,
|
|
3241
|
+
.list-create-new-doc__create-new-button,
|
|
3242
|
+
.where-builder__add-first-filter,
|
|
3243
|
+
.doc-controls .form-submit .btn--style-primary {
|
|
3244
|
+
box-shadow: 0 8px 16px rgb(0 120 103 / 20%);
|
|
3245
|
+
color: #fff !important;
|
|
3246
|
+
}
|
|
3247
|
+
|
|
3248
|
+
.field-label,
|
|
3249
|
+
.field-label__label,
|
|
3250
|
+
.field-type > label {
|
|
3251
|
+
font-size: 14px;
|
|
3252
|
+
}
|
|
3253
|
+
|
|
3254
|
+
.field-type
|
|
3255
|
+
input:not([type='checkbox']):not([type='radio']):not([type='color']):not(
|
|
3256
|
+
.section-title__input
|
|
3257
|
+
):not(.rs__input),
|
|
3258
|
+
.field-type textarea,
|
|
3259
|
+
.date-time-field input,
|
|
3260
|
+
.react-select .rs__single-value,
|
|
3261
|
+
.react-select .rs__placeholder,
|
|
3262
|
+
.react-select .rs__input-container {
|
|
3263
|
+
font-size: 15px;
|
|
3264
|
+
line-height: 24px;
|
|
3265
|
+
}
|
|
3266
|
+
|
|
3267
|
+
.text-input,
|
|
3268
|
+
.textarea-outer,
|
|
3269
|
+
.date-time-field__input,
|
|
3270
|
+
.react-select .rs__control,
|
|
3271
|
+
.upload__wrap,
|
|
3272
|
+
.relationship--single-value .rs__control,
|
|
3273
|
+
select:not([multiple]) {
|
|
3274
|
+
border-color: rgb(145 158 171 / 32%);
|
|
3275
|
+
}
|
|
3276
|
+
|
|
3277
|
+
.react-select .rs__control,
|
|
3278
|
+
select:not([multiple]),
|
|
3279
|
+
.field-type
|
|
3280
|
+
input:not([type='checkbox']):not([type='radio']):not([type='color']):not(
|
|
3281
|
+
.section-title__input
|
|
3282
|
+
):not(.rs__input),
|
|
3283
|
+
.date-time-field input {
|
|
3284
|
+
min-height: 48px;
|
|
3285
|
+
}
|
|
3286
|
+
|
|
3287
|
+
.array-field__row,
|
|
3288
|
+
.blocks-field__row,
|
|
3289
|
+
.collapsible--style-default,
|
|
3290
|
+
.lexical-rich-text-field,
|
|
3291
|
+
.upload__wrap,
|
|
3292
|
+
.file-details,
|
|
3293
|
+
.popup__content,
|
|
3294
|
+
.modal__content,
|
|
3295
|
+
.confirmation-modal__wrapper {
|
|
3296
|
+
border-color: rgb(145 158 171 / 20%);
|
|
3297
|
+
border-radius: 16px;
|
|
3298
|
+
}
|
|
3299
|
+
|
|
3300
|
+
.collapsible__toggle-wrap,
|
|
3301
|
+
.lexical-rich-text-field .toolbar-popup__wrapper,
|
|
3302
|
+
.lexical-rich-text-field .fixed-toolbar {
|
|
3303
|
+
background: var(--minimal-neutral);
|
|
3304
|
+
}
|
|
3305
|
+
|
|
3306
|
+
@media (max-width: 768px) {
|
|
3307
|
+
.minimal-admin-header__toolbar.MuiToolbar-root {
|
|
3308
|
+
min-height: 64px;
|
|
3309
|
+
padding-inline: 16px;
|
|
3310
|
+
}
|
|
3311
|
+
|
|
3312
|
+
.minimal-nav__backdrop.MuiBackdrop-root {
|
|
3313
|
+
display: block;
|
|
3314
|
+
}
|
|
3315
|
+
}
|
|
3316
|
+
|
|
3317
|
+
@media (min-width: 769px) {
|
|
3318
|
+
.minimal-nav__backdrop.MuiBackdrop-root {
|
|
3319
|
+
display: none;
|
|
3320
|
+
}
|
|
3321
|
+
}
|
package/dist/chunk-SAI5SWZA.js
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
// src/admin/ThemeToggle.tsx
|
|
4
|
-
import { useTheme } from "@payloadcms/ui";
|
|
5
|
-
import { Moon, Sun } from "lucide-react";
|
|
6
|
-
import { jsx } from "react/jsx-runtime";
|
|
7
|
-
var AdminThemeToggle = () => {
|
|
8
|
-
const { setTheme, theme } = useTheme();
|
|
9
|
-
const isDark = theme === "dark";
|
|
10
|
-
const label = isDark ? "Chuy\u1EC3n sang giao di\u1EC7n s\xE1ng" : "Chuy\u1EC3n sang giao di\u1EC7n t\u1ED1i";
|
|
11
|
-
return /* @__PURE__ */ jsx(
|
|
12
|
-
"button",
|
|
13
|
-
{
|
|
14
|
-
"aria-checked": isDark,
|
|
15
|
-
"aria-label": label,
|
|
16
|
-
className: "admin-theme-toggle",
|
|
17
|
-
onClick: () => setTheme(isDark ? "light" : "dark"),
|
|
18
|
-
role: "switch",
|
|
19
|
-
title: label,
|
|
20
|
-
type: "button",
|
|
21
|
-
children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "admin-theme-toggle__track", children: /* @__PURE__ */ jsx("span", { className: "admin-theme-toggle__thumb", children: isDark ? /* @__PURE__ */ jsx(Moon, { strokeWidth: 2.2 }) : /* @__PURE__ */ jsx(Sun, { strokeWidth: 2.2 }) }) })
|
|
22
|
-
}
|
|
23
|
-
);
|
|
24
|
-
};
|
|
25
|
-
var ThemeToggle_default = AdminThemeToggle;
|
|
26
|
-
|
|
27
|
-
export {
|
|
28
|
-
ThemeToggle_default
|
|
29
|
-
};
|