added tooltip for buttons

master
Tuğrul Gençoğlu 5 years ago
parent e2dc6f9388
commit 714d78449f
  1. 36
      src/lib/VueJanus.vue

@ -107,6 +107,7 @@
direction="top"
open-on-hover
>
<template v-slot:activator>
<v-btn
v-model="fab"
@ -118,14 +119,27 @@
<v-icon v-else>mdi-cog-outline</v-icon>
</v-btn>
</template>
<v-tooltip right>
<template v-slot:activator="{ on }">
<v-btn
v-on="on"
fab
dark
small
@click="sharePdf=true"
>
<v-icon>mdi-pdf-box</v-icon>
</v-btn> <v-btn
</v-btn>
</template>
<span>Toggle Share PDF</span>
</v-tooltip>
<v-tooltip right>
<template v-slot:activator="{ on }">
<v-btn
v-on="on"
fab
dark
small
@ -133,7 +147,15 @@
>
<v-icon>mdi-compare</v-icon>
</v-btn>
</template>
<span>Toggle Theme</span>
</v-tooltip>
<v-tooltip right>
<template v-slot:activator="{ on }">
<v-btn
v-on="on"
fab
dark
small
@ -142,7 +164,15 @@
>
<v-icon>mdi-camera-outline</v-icon>
</v-btn>
</template>
<span>Toggle Camera</span>
</v-tooltip>
<v-tooltip right>
<template v-slot:activator="{ on }">
<v-btn
v-on="on"
fab
:dark="!screenShareStarted"
small
@ -150,6 +180,10 @@
>
<v-icon>mdi-monitor-screenshot</v-icon>
</v-btn>
</template>
<span>Toggle Share Screen</span>
</v-tooltip>
</v-speed-dial>
</v-container>
</template>

Loading…
Cancel
Save