Skip to content

Commit

Permalink
Merge pull request #46 from Arquisoft/LaraFMz
Browse files Browse the repository at this point in the history
Cambios en Front-end + docu
  • Loading branch information
UO277938 authored Feb 29, 2024
2 parents 047d8c7 + 9441662 commit 1f0c015
Show file tree
Hide file tree
Showing 5 changed files with 63 additions and 8 deletions.
Binary file modified docs/images/05_nivel_2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 0 additions & 2 deletions docs/src/05_building_block_view.adoc
Original file line number Diff line number Diff line change
Expand Up @@ -108,8 +108,6 @@ Bloques de construcción contenidos::
|*REST*
|_Manejo de datos de Wikidata._

|*Users*
|_El manejo de las cuentas de los usuarios._
|===


39 changes: 39 additions & 0 deletions webapp/src/components/Estilos/juego.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@


.button {

padding: 20px 20px 20px 20px ; /* espacio entre borde y el texto dentro del boton */
border: 2px solid black; /* Color del borde */
font-weight: bold;
border-radius: 5px; /* Borde redondeado */
background-color: #613FBB; /* Color de fondo */
margin-bottom: 10px;
margin-left:-48px;
width: 500px; /* Ajusta el valor según el ancho deseado */
}

#boton1{
background-color: #E14E4E; /* Color de fondo */
}

#boton2{
background-color: #E1CB4E; /* Color de fondo */
}

#boton3{
background-color: #4EE15E; /* Color de fondo */
}

#boton4{
background-color: #4E8DE1; /* Color de fondo */
}

body h2 {
color: white;
font-family: 'Verdana';
text-align: center; /* Centra el texto */

}



19 changes: 13 additions & 6 deletions webapp/src/components/Pages/Juego.js
Original file line number Diff line number Diff line change
@@ -1,20 +1,27 @@
// src/components/Login.js
import React, { useState } from 'react';
import axios from 'axios';
import '../Estilos/juego.css';
import { Container, Typography, TextField, Button, Snackbar } from '@mui/material';

const Juego = ({isLogged}) => {

const botonRespuesta = (event) => {
//comprobara si la respuesta es correcta o no
}

const Juego = ({isLogged}) => {
return (
<Container component="main" maxWidth="xs" sx={{ marginTop: 4 }}>
<h2> PREGUNTA </h2>
<div> RESP 1</div>
<div> RESP 2</div>
<div> RESP 3</div>
<div> RESP 4</div>
<div class="button-container">
<button id="boton1" class="button" onclick={botonRespuesta}>RESPUESTA PRUEBA PARA VER CUANTO OCUPA 1</button>
<button id="boton2" class="button" onclick={botonRespuesta}>RESPUESTA PRUEBA PARA VER UNA RESPUESTA LARGA</button>
<button id="boton3" class="button" onclick={botonRespuesta}>RESPUESTA PRUEBA JEJE</button>
<button id="boton4" class="button" onclick={botonRespuesta}>RESPUESTA PRUEBA PARA VER QUE TAL</button>
</div>
</Container>
);
};



export default Juego;
11 changes: 11 additions & 0 deletions webapp/src/index.css
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@


body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
Expand All @@ -11,3 +13,12 @@ code {
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
monospace;
}

body{
background-color: #6A48C4;
}

#root, html{
background-color: #8A6FD6 ;
}

0 comments on commit 1f0c015

Please sign in to comment.