Format fixes

Arquisoft · Mar 11, 2024 · c37d79d · c37d79d
1 parent d7b46b2
commit c37d79d
Show file tree

Hide file tree

Showing 2 changed files with 81 additions and 39 deletions.
diff --git a/webapp/src/pages/Sobre/Sobre.css b/webapp/src/pages/Sobre/Sobre.css
@@ -1,22 +1,44 @@
-.games-container{
-    display: grid;
-    grid-template-columns: 1fr;
-    justify-content: center;
-}
-
-ul{
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    grid-template-columns: 1fr;
-    list-style-type: none;
-    text-align: center;
-    gap: 1rem;
-    margin: 1rem;
-    padding: 0;
-}
-
-ul li{
+.sobre-container {
+    max-width: 800px;
+    margin: 0 auto;
+    padding: 20px;
+  }
+
+  .sobre-container h1 {
+    font-size: 24px;
+  }
+
+  .sobre-container h2 {
+    font-size: 20px;
+    margin-bottom: 20px;
+  }
+
+  .designers-table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-top: 20px;
+  }
+
+  .designers-table th, .designers-table td {
+    border: 1px solid #ddd;
+    padding: 8px;
+    text-align: left;
+  }
+
+  .designers-table th {
+    background-color: #f2f2f2;
+  }
+
+  .designers-table tr:nth-child(even) {
+    background-color: #f2f2f2;
+  }
+
+  .designers-table a {
     text-decoration: none;
-
-}
+    color: #333;
+  }
+
+  .designers-table a:hover {
+    text-decoration: underline;
+  }
+
diff --git a/webapp/src/pages/Sobre/Sobre.js b/webapp/src/pages/Sobre/Sobre.js
@@ -4,21 +4,41 @@ import Nav from '../../components/Nav/Nav.js';
 import Footer from '../../components/Footer/Footer.js';
 
 const Sobre = () => {
-    return (
-      <>
-        <Nav />
-        <div className="games-container">
-          <hgroup>
-            <h1>Estos son los diseñadores de la aplicación</h1>
-            <h2>Martín Cancio Barrera - UO287561</h2>
-            <h2>Iyán Fernández Riol - UO288231</h2>
-            <h2>Rodrigo García Iglesias - UO276396</h2>
-            <h2>Alfredo Jirout Cid - UO288443</h2>
-          </hgroup>         
-        </div>
-        <Footer />
-      </>
-    );
-  };
-
-  export default Sobre;
+  const designers = [
+    { name: 'Martín Cancio Barrera', id: 'UO287561', github: 'https://github.com/CANCI0' },
+    { name: 'Iyán Fernández Riol', id: 'UO288231', github: 'https://github.com/iyanfdezz' },
+    { name: 'Rodrigo García Iglesias', id: 'UO276396', github: 'https://github.com/Rodrox11' },
+    { name: 'Alfredo Jirout Cid', id: 'UO288443', github: 'https://github.com/UO288443' }
+  ];
+
+  return (
+    <>
+      <Nav />
+      <div className="sobre-container">
+        <h1>Equipo WIQ_es1a</h1>
+        <h2>Nuestro equipo de desarrollo</h2>
+        <table className="designers-table">
+          <thead>
+            <tr>
+              <th>Nombre</th>
+              <th>UO</th>
+              <th>GitHub</th>
+            </tr>
+          </thead>
+          <tbody>
+            {designers.map((designer, index) => (
+              <tr key={index}>
+                <td>{designer.name}</td>
+                <td>{designer.id}</td>
+                <td><a href={designer.github} target="_blank" rel="noopener noreferrer">Mi GitHub</a></td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+      <Footer />
+    </>
+  );
+};
+
+export default Sobre;