button colors
This commit is contained in:
1
client/app/components.d.ts
vendored
1
client/app/components.d.ts
vendored
@@ -16,7 +16,6 @@ declare module 'vue' {
|
|||||||
PrimeDivider: typeof import('primevue/divider')['default']
|
PrimeDivider: typeof import('primevue/divider')['default']
|
||||||
PrimeFloatLabel: typeof import('primevue/floatlabel')['default']
|
PrimeFloatLabel: typeof import('primevue/floatlabel')['default']
|
||||||
PrimeInputText: typeof import('primevue/inputtext')['default']
|
PrimeInputText: typeof import('primevue/inputtext')['default']
|
||||||
PrimeMenu: typeof import('primevue/menu')['default']
|
|
||||||
PrimePassword: typeof import('primevue/password')['default']
|
PrimePassword: typeof import('primevue/password')['default']
|
||||||
PrimeProgressBar: typeof import('primevue/progressbar')['default']
|
PrimeProgressBar: typeof import('primevue/progressbar')['default']
|
||||||
PrimeScrollPanel: typeof import('primevue/scrollpanel')['default']
|
PrimeScrollPanel: typeof import('primevue/scrollpanel')['default']
|
||||||
|
|||||||
@@ -9,19 +9,19 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<PrimeButtonGroup class="ml-auto">
|
<PrimeButtonGroup class="ml-auto">
|
||||||
<PrimeButton outlined @click="toggleInput">
|
<PrimeButton :severity="inputMuted ? 'info' : undefined" outlined @click="toggleInput">
|
||||||
<template #icon>
|
<template #icon>
|
||||||
<Component :is="inputMuted ? MicOff : Mic" />
|
<Component :is="inputMuted ? MicOff : Mic" />
|
||||||
</template>
|
</template>
|
||||||
</PrimeButton>
|
</PrimeButton>
|
||||||
<PrimeButton outlined @click="toggleOutput">
|
<PrimeButton :severity="outputMuted ? 'info' : undefined" outlined @click="toggleOutput">
|
||||||
<template #icon>
|
<template #icon>
|
||||||
<Component :is="outputMuted ? VolumeOff : Volume2" />
|
<Component :is="outputMuted ? VolumeOff : Volume2" />
|
||||||
</template>
|
</template>
|
||||||
</PrimeButton>
|
</PrimeButton>
|
||||||
</PrimeButtonGroup>
|
</PrimeButtonGroup>
|
||||||
|
|
||||||
<PrimeButton outlined @click="toggleShare">
|
<PrimeButton :severity="sharingEnabled ? 'success' : undefined" outlined @click="toggleShare">
|
||||||
<template #icon>
|
<template #icon>
|
||||||
<Component :is="sharingEnabled ? ScreenShareOff : ScreenShare" />
|
<Component :is="sharingEnabled ? ScreenShareOff : ScreenShare" />
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
Reference in New Issue
Block a user