diff --git a/src/layout/melissa/MelissaMenu.vue b/src/layout/melissa/MelissaMenu.vue index 385095d..8f13e89 100644 --- a/src/layout/melissa/MelissaMenu.vue +++ b/src/layout/melissa/MelissaMenu.vue @@ -738,6 +738,7 @@ async function sair() { } .mm-cat { + position: relative; width: 100%; display: flex; align-items: center; @@ -753,6 +754,21 @@ async function sair() { font-size: 0.88rem; transition: background-color 120ms ease, color 120ms ease; } +/* Divisor com degrade — sai colado na borda esquerda e some no meio */ +.mm-cat:not(:last-child)::after { + content: ''; + position: absolute; + left: 0; + right: 50%; + bottom: -1px; + height: 1px; + background: linear-gradient( + to right, + var(--m-border-strong) 0%, + transparent 100% + ); + pointer-events: none; +} .mm-cat:hover { background: var(--m-bg-soft); color: var(--m-text); } .mm-cat.is-active { background: var(--m-bg-soft-hover);