diff --git a/src/components/Menu/menu.css b/src/components/Menu/menu.css
index 3403866..4f12ba3 100644
--- a/src/components/Menu/menu.css
+++ b/src/components/Menu/menu.css
@@ -275,3 +275,23 @@
/* position: inherit; */
}
}
+
+.menu a {
+ position: relative;
+}
+
+.menu a[data-title]:hover::after {
+ content: attr(data-title);
+ background-color: #2f2f2f;
+ color: #fff;
+ padding: 8px;
+ border-radius: 4px;
+ font-size: 12px;
+ line-height: 14px;
+ display: block;
+ position: absolute;
+ white-space: nowrap;
+ position: absolute;
+ right: 1rem;
+ z-index: 1;
+}
diff --git a/src/routes/dashboard.tsx b/src/routes/dashboard.tsx
index 0d19e24..dafd139 100644
--- a/src/routes/dashboard.tsx
+++ b/src/routes/dashboard.tsx
@@ -63,7 +63,12 @@ const Layout = () => {
{
type: "item",
Component: (p: MenuItemComponentProps) => (
-
+
@@ -74,7 +79,13 @@ const Layout = () => {
{
type: "item",
Component: (p: MenuItemComponentProps) => (
-
+
@@ -85,7 +96,13 @@ const Layout = () => {
{
type: "item",
Component: (p: MenuItemComponentProps) => (
-
+