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) => ( - +