fix(admin): fit long plugin labels in rail
This commit is contained in:
@@ -158,7 +158,7 @@ onBeforeUnmount(cancelClose)
|
|||||||
:aria-expanded="collapsed ? (openCode === item.entry.code ? 'true' : 'false') : undefined"
|
:aria-expanded="collapsed ? (openCode === item.entry.code ? 'true' : 'false') : undefined"
|
||||||
:aria-controls="collapsed && openCode === item.entry.code ? flyoutId(item.entry.code) : undefined"
|
:aria-controls="collapsed && openCode === item.entry.code ? flyoutId(item.entry.code) : undefined"
|
||||||
:class="item.current ? 'bg-accent-soft font-bold text-accent' : 'text-side-text hover:bg-side-hover hover:text-white'"
|
:class="item.current ? 'bg-accent-soft font-bold text-accent' : 'text-side-text hover:bg-side-hover hover:text-white'"
|
||||||
class="flex w-[84px] flex-col items-center gap-1 rounded-inner px-1.5 py-2 text-center text-[11px] leading-[1.2] tracking-[-0.01em] no-underline transition-colors duration-150 ease-out"
|
class="flex w-[92px] flex-col items-center gap-1 rounded-inner px-1 py-2 text-center text-[11px] leading-[1.2] tracking-[-0.01em] no-underline transition-colors duration-150 ease-out"
|
||||||
@mouseenter="openFlyout(item.entry.code)"
|
@mouseenter="openFlyout(item.entry.code)"
|
||||||
@mouseleave="scheduleClose"
|
@mouseleave="scheduleClose"
|
||||||
@focus="onItemFocus(item.entry.code)"
|
@focus="onItemFocus(item.entry.code)"
|
||||||
@@ -199,7 +199,7 @@ onBeforeUnmount(cancelClose)
|
|||||||
data-rail-settings
|
data-rail-settings
|
||||||
:aria-current="inSettings ? 'page' : undefined"
|
:aria-current="inSettings ? 'page' : undefined"
|
||||||
:class="inSettings ? 'bg-accent-soft font-bold text-accent' : 'text-side-text hover:bg-side-hover hover:text-white'"
|
:class="inSettings ? 'bg-accent-soft font-bold text-accent' : 'text-side-text hover:bg-side-hover hover:text-white'"
|
||||||
class="flex w-[84px] flex-col items-center gap-1 rounded-inner px-1.5 py-2 text-center text-[11px] leading-[1.2] tracking-[-0.01em] no-underline transition-colors duration-150 ease-out"
|
class="flex w-[92px] flex-col items-center gap-1 rounded-inner px-1 py-2 text-center text-[11px] leading-[1.2] tracking-[-0.01em] no-underline transition-colors duration-150 ease-out"
|
||||||
>
|
>
|
||||||
<Settings :size="20" aria-hidden="true" />
|
<Settings :size="20" aria-hidden="true" />
|
||||||
<span class="max-w-full [overflow-wrap:anywhere]">{{ t('backend::lang.nav.settings') }}</span>
|
<span class="max-w-full [overflow-wrap:anywhere]">{{ t('backend::lang.nav.settings') }}</span>
|
||||||
|
|||||||
Reference in New Issue
Block a user