37 lines
785 B
Vue
37 lines
785 B
Vue
<template>
|
|
<ol style="white-space: nowrap;" class="flex items-center whitespace-normal min-w-0 flex-nowrap hide-scrollbar overflow-x-scroll" aria-label="Breadcrumb">
|
|
<slot />
|
|
</ol>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
|
|
export default {
|
|
name: "BreadcrumbsWrapper",
|
|
data() {
|
|
return {
|
|
}
|
|
},
|
|
methods: {
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
/* Скрытие горизонтальной полосы прокрутки */
|
|
.hide-scrollbar {
|
|
overflow-x: scroll; /* или auto, в зависимости от вашего случая */
|
|
}
|
|
|
|
.hide-scrollbar::-webkit-scrollbar {
|
|
display: none; /* Для WebKit-браузеров (Chrome, Safari) */
|
|
}
|
|
|
|
.hide-scrollbar {
|
|
-ms-overflow-style: none; /* Для IE и Edge */
|
|
scrollbar-width: none; /* Для Firefox */
|
|
}
|
|
|
|
</style> |