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