jchomaz/Vulture
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Modification du thème de la fenêtre de validation de buzzer

Browse Source
This commit is contained in:
Jérémy CHOMAZ
2026-02-01 13:54:15 +01:00
parent 0244854ddb
commit fb3b7fabd4
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
VApp/src/components/BuzzerValidationDialog.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<v-dialog v-model="dialog" persistent max-width="800" height="500"> <v-dialog v-model="dialog" persistent max-width="800" height="500" style="background-color: rgba(0, 0, 0, 0.8);">
<v-card dark rounded="xl"> <v-card dark rounded="xl">
<v-card-title :style="{ backgroundColor: buzzerColor }" class="headline text-center justify-center"> <v-card-title :style="{ backgroundColor: buzzerColor }" class="headline text-center justify-center">
<v-icon color="background" dark large left size="70">mdi-alarm-light</v-icon> <v-icon color="background" dark large left size="70">mdi-alarm-light</v-icon>
</v-card-title> </v-card-title>
@@ -25,6 +25,7 @@
rounded="0" rounded="0"
height="100%" height="100%"
width="50%" width="50%"
:style="{ backgroundColor: buzzerColor }"
@click="validate"> @click="validate">
<v-icon left size="40">mdi-check-circle</v-icon> <v-icon left size="40">mdi-check-circle</v-icon>
<span style="font-size: 20px; padding-left: 10px;">Valider (+1)</span> <span style="font-size: 20px; padding-left: 10px;">Valider (+1)</span>
@@ -136,11 +137,10 @@
height: 100%; /* Ensure it takes full height of the container if possible, or substantial height */ height: 100%; /* Ensure it takes full height of the container if possible, or substantial height */
} }
.validate-btn { .validate-btn {
background-color: rgb(var(--v-theme-success),1);
color: rgb(var(--v-theme-background),1); color: rgb(var(--v-theme-background),1);
} }
.refuse-btn { .refuse-btn {
background-color: rgb(var(--v-theme-error),1); background-color: rgb(var(--v-theme-inactiveButton),1);
color: rgb(var(--v-theme-background),1); color: rgb(var(--v-theme-background),1);
} }
</style> </style>