fix: added transition to breadcrumbs
This commit is contained in:
parent
b9e8cdf5ed
commit
a24b207c92
@ -2,7 +2,7 @@
|
|||||||
<div class="flex min-w-0 items-center text-ellipsis whitespace-nowrap">
|
<div class="flex min-w-0 items-center text-ellipsis whitespace-nowrap">
|
||||||
<template v-for="(item, i) in items" :key="item.label">
|
<template v-for="(item, i) in items" :key="item.label">
|
||||||
<router-link
|
<router-link
|
||||||
class="flex items-center rounded px-0.5 py-1 text-lg font-medium focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-400 text-gray-600 hover:text-gray-700 last:text-gray-900 last:hover:text-gray-900"
|
class="flex items-center rounded px-0.5 py-1 text-lg font-medium focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-400 text-gray-600 hover:text-gray-700 last:text-gray-900 last:hover:text-gray-900 transition-all duration-300 ease-in-out"
|
||||||
:to="item.route || ''"
|
:to="item.route || ''"
|
||||||
>
|
>
|
||||||
<slot name="prefix" :item="item" />
|
<slot name="prefix" :item="item" />
|
||||||
|
|||||||
@ -59,7 +59,7 @@
|
|||||||
v-for="row in rows"
|
v-for="row in rows"
|
||||||
:key="row[rowKey]"
|
:key="row[rowKey]"
|
||||||
:to="$router.currentRoute.value.path + '/' + row[rowKey]"
|
:to="$router.currentRoute.value.path + '/' + row[rowKey]"
|
||||||
class="flex space-x-4 items-center mx-2 px-3 py-2 border-b cursor-pointer transition-all duration-200 ease-in-out"
|
class="flex space-x-4 items-center mx-2 px-3 py-2 border-b cursor-pointer transition-all duration-300 ease-in-out"
|
||||||
:class="
|
:class="
|
||||||
selections.has(row[rowKey])
|
selections.has(row[rowKey])
|
||||||
? 'bg-gray-100 hover:bg-gray-200'
|
? 'bg-gray-100 hover:bg-gray-200'
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user