marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-08-27 04:06:39 +02:00
Code Issues Packages Projects Releases Wiki Activity

chore: update as per PR comment

Browse Source
This commit is contained in:
rajat-ht
2025-05-29 17:06:25 +05:30
parent ce227b5519
commit b6ba9b79df
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/mermaid/src/docs/.vitepress/components/TopBar.vue
View File

@@ -22,17 +22,25 @@ const taglines: Taglines[] = [
]; ];
const index: Ref<number> = ref(0); const index: Ref<number> = ref(0);
const isPaused: Ref<boolean> = ref(false);
onMounted(() => { onMounted(() => {
index.value = Math.floor(Math.random() * taglines.length); index.value = Math.floor(Math.random() * taglines.length);
setInterval(() => { setInterval(() => {
if (isPaused.value) {
return;
}
index.value = (index.value + 1) % taglines.length; index.value = (index.value + 1) % taglines.length;
}, 5_000); }, 5_000);
}); });
</script> </script>
<template> <template>
<div class="mb-4 w-full top-bar flex p-2 bg-[#E0095F]"> <div
class="mb-4 w-full top-bar flex p-2 bg-[#E0095F]"
@mouseenter="isPaused = true"
@mouseleave="isPaused = false"
>
<p class="w-full tracking-wide fade-text text-xl"> <p class="w-full tracking-wide fade-text text-xl">
<transition name="fade" mode="out-in"> <transition name="fade" mode="out-in">
<a <a