From f8caace5759ecf153f10a7b3f807dc19eac5f4d6 Mon Sep 17 00:00:00 2001
From: oieusougabi <93brito.gabriella@gmail.com>
Date: Wed, 6 Sep 2023 14:10:21 -0300
Subject: [PATCH] =?UTF-8?q?Destaca=20palavra=20na=20tela=20de=20defini?=
 =?UTF-8?q?=C3=A7=C3=B5es?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/BlocoDefinicoes.vue | 42 ++++++++++++++++++------------
 1 file changed, 26 insertions(+), 16 deletions(-)

diff --git a/src/components/BlocoDefinicoes.vue b/src/components/BlocoDefinicoes.vue
index 6609a4e..511a2cc 100644
--- a/src/components/BlocoDefinicoes.vue
+++ b/src/components/BlocoDefinicoes.vue
@@ -2,7 +2,25 @@
   <div>
     <h2>Valendo!</h2>
 
-    <p>Palavra: {{ estado.sala.palavra || 'não definida' }}</p>
+    <p>
+      <h4 class="centralizado"> 
+        {{ estado.sala.palavra || 'não definida' }}
+        <span class="sem-negrito">   
+          é:
+        </span>  
+      </h4>
+    </p>
+
+    <p v-if="estado.souMediador">Os jogadores estão escrevendo suas definições!</p>
+    <div v-if="!estado.souMediador">
+      
+      <input type="text" id="minhaDefinicao" v-model="minhaDefinicao" />
+      <button @click="enviarDefinicao">Enviar definição</button>
+    </div>
+
+    <div>
+      <p>Tempo restante: {{ tempoRestante }} segundos</p>
+    </div>
 
     <p v-if="estado.souMediador">Você é o mediador da rodada!</p>
     <p v-if="!estado.souMediador">
@@ -15,20 +33,7 @@
       <p>Escreve uma definição convincente para os demais jogadores.</p>
       <p>Você ganha pontos para cada voto que sua definição receber!</p>
     </div>
-
-    <p v-if="estado.souMediador">Os jogadores estão escrevendo suas definições!</p>
-    <div v-if="!estado.souMediador">
-      <label for="minhaDefinicao">
-        <b>Escreva sua definição:</b>
-      </label>
-      <br />
-      <input type="text" id="minhaDefinicao" v-model="minhaDefinicao" />
-      <button @click="enviarDefinicao">Enviar definição</button>
-    </div>
-
-    <div>
-      <p>Tempo restante: {{ tempoRestante }} segundos</p>
-    </div>
+    
   </div>
 </template>
 
@@ -67,5 +72,10 @@ onMounted(contagemRegressiva);
 </script>
 
 <style>
-/* Estilos */
+.sem-negrito {
+  font-weight: 100;
+}
+.centralizado {
+  text-align: center;
+}  
 </style>