diff options
| author | crupest <crupest@outlook.com> | 2021-07-01 19:59:22 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2021-07-01 19:59:22 +0800 |
| commit | 47175cf9afcd86b0b92f7121ce0c3d85b948b6dd (patch) | |
| tree | 58573f98df9815fe677f2345c5ce944fe4a65c11 /FrontEnd/src/views/common/menu | |
| parent | e5af20ffe6a1091a022f97c65f3091f245dfd1d7 (diff) | |
| download | timeline-47175cf9afcd86b0b92f7121ce0c3d85b948b6dd.tar.gz timeline-47175cf9afcd86b0b92f7121ce0c3d85b948b6dd.tar.bz2 timeline-47175cf9afcd86b0b92f7121ce0c3d85b948b6dd.zip | |
...
Diffstat (limited to 'FrontEnd/src/views/common/menu')
| -rw-r--r-- | FrontEnd/src/views/common/menu/Menu.css | 47 | ||||
| -rw-r--r-- | FrontEnd/src/views/common/menu/Menu.tsx | 2 |
2 files changed, 5 insertions, 44 deletions
diff --git a/FrontEnd/src/views/common/menu/Menu.css b/FrontEnd/src/views/common/menu/Menu.css index 923c7d3c..c3fa82c4 100644 --- a/FrontEnd/src/views/common/menu/Menu.css +++ b/FrontEnd/src/views/common/menu/Menu.css @@ -7,51 +7,12 @@ padding: 0.5em 1.5em;
cursor: pointer;
transition: all 0.5s;
+ color: var(--cru-theme-color);
}
-.cru-menu-item.color-primary {
- color: var(--cru-primary-color);
-}
-
-.cru-menu-item.color-primary:hover {
- color: var(--cru-primary-t-color);
- background-color: var(--cru-primary-color);
-}
-
-.cru-menu-item.color-secondary {
- color: var(--cru-secondary-color);
-}
-
-.cru-menu-item.color-secondary:hover {
- color: var(--cru-secondary-t-color);
- background-color: var(--cru-secondary-color);
-}
-
-.cru-menu-item.color-primary-enhance {
- color: var(--cru-primary-enhance-color);
-}
-
-.cru-menu-item.color-primary-enhance:hover {
- color: var(--cru-primary-enhance-t-color);
- background-color: var(--cru-primary-enhance-color);
-}
-
-.cru-menu-item.color-success {
- color: var(--cru-success-color);
-}
-
-.cru-menu-item.color-success:hover {
- color: var(--cru-success-t-color);
- background-color: var(--cru-success-color);
-}
-
-.cru-menu-item.color-danger {
- color: var(--cru-danger-color);
-}
-
-.cru-menu-item.color-danger:hover {
- color: var(--cru-danger-t-color);
- background-color: var(--cru-danger-color);
+.cru-menu-item:hover {
+ color: var(--cru-theme-t-color);
+ background-color: var(--cru-theme-color);
}
.cru-menu-item-icon {
diff --git a/FrontEnd/src/views/common/menu/Menu.tsx b/FrontEnd/src/views/common/menu/Menu.tsx index 04243fa3..d2f65391 100644 --- a/FrontEnd/src/views/common/menu/Menu.tsx +++ b/FrontEnd/src/views/common/menu/Menu.tsx @@ -47,7 +47,7 @@ export default function _Menu({ key={index} className={classnames( "cru-menu-item", - `color-${item.color ?? "primary"}` + `cru-${item.color ?? "primary"}` )} onClick={() => { item.onClick(); |