💄 Changed Registered Users CSS

Arquisoft · Apr 15, 2024 · 805ac50 · 805ac50
1 parent 3f2719f
commit 805ac50
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 13 deletions.
diff --git a/webapp/src/components/HistoricalData.css b/webapp/src/components/HistoricalData.css
@@ -51,15 +51,5 @@ table {
 
 
 
-.custom-td{
-  background-color: #1f3c86c3;
-  color: white;
-  font-weight: 600;
-}
 
-.custom-td th{
-  background-color: #1f3c86c3;
-  color: white;
-  font-weight: 600;
-}
 
diff --git a/webapp/src/components/RegisteredUsers.js b/webapp/src/components/RegisteredUsers.js
@@ -1,6 +1,6 @@
 import axios from 'axios';
 import React, { useState, useEffect } from 'react';
-import { Container} from '@mui/material';
+import { Container, Typography} from '@mui/material';
 import Navbar from './Navbar';
 
 const RegisteredUsers = () => {
@@ -30,11 +30,14 @@ const RegisteredUsers = () => {
     <Container component="main" maxWidth="xs" sx={{ marginTop: 4 }} className='contenedor' >
 
     <div>
+        <Typography component="h2" style={{ marginTop: '1rem', marginBottom: '1rem' }} className='fs-2 main-title animate__animated animate__backInLeft' variant="h2" sx={{ textAlign: 'center' }}>
+          Usuarios registrados
+        </Typography>
         <table>
           <thead>
             <tr>
-              <th title='pregunta'>Nombre de usuario</th>
-              <th title='correcta'>Fecha de registro</th>
+              <th className='text-center custom-td'>Nombre de usuario</th>
+              <th className='text-center custom-td'>Fecha de registro</th>
             </tr>
           </thead>
           <tbody>

diff --git a/webapp/src/index.css b/webapp/src/index.css
@@ -37,4 +37,17 @@ div[title="main"]>h1{
 
 .containerTable {
   overflow-y: auto;
+}
+
+
+.custom-td{
+  background-color: #1f3c86c3;
+  color: white;
+  font-weight: 600;
+}
+
+.custom-td th{
+  background-color: #1f3c86c3;
+  color: white;
+  font-weight: 600;
 }