20-Junio-2023

src/App.tsx

@@ -107,6 +107,7 @@ const App: React.FC = () => {
 
   return (
     <div className='App' style={{ backgroundImage: `url(${ImagenFondo})`, backgroundSize: 'cover', backgroundPosition: 'center', backgroundRepeat: 'no-repeat', height: '100vh' }}>
+      <title>GemcoLocalHost</title>
       <Router>
         {isLoading ? (
           <p>Loading...</p>

src/Componentes/AmazonInvoice.tsx

@@ -76,7 +76,7 @@ import {BsFiletypePdf}  from "react-icons/bs"
 
       setSelectedInvoiceId(id);
 
-      // Update data in memory
+      // Actualizacion en memoria..
       setInvoices((prevInvoices) => {
         const updatedInvoices = prevInvoices.map((invoice) => {
           if (invoice.id === id) {

src/HojasDeEstilo/AmazonInovice.css

@@ -7,19 +7,28 @@
   border-collapse: collapse;
 }
 
+
+
 .table th  {
   background-color: #95c030;
-  color: white;
+  color: rgb(7, 10, 0);
   text-align: center;
   padding: 1px;
   width: 5%;
   height:  5%;
+  font-family: cursive;
+
   
 }
 
 .table td {
   text-align: center;
   padding: 8px;
+  /* font-family:Georgia, 'Times New Roman', Times, serif */
+ /* font-family: Arial, Helvetica, sans-serif; */
+  font-family: cursive;
+  background-color: white;
+  
 }
 
 .pagination-container {
@@ -33,10 +42,12 @@
   list-style: none;
   padding: 0;
   margin: 0;
+  /* width:  0px;
+  height: 500px; */
 }
 
 .pagination li {
-  margin-right: 5px;
+  margin-right: 0px;
 }
 
 .pagination li button {
@@ -46,20 +57,23 @@
   background-color: #f5f5f5;
   color: #333;
   cursor: pointer;
+  /* height: 5px; */
+  width: 77.3px;
 }
 
 .pagination li button:hover {
-  background-color: #e9e9e9;
+  background-color: #0e2ade;
 }
 
 .pagination li.active button {
-  background-color: #95c030;
+  background-color: blue;
   color: white;
 }
 
 h1 {
   
-  color: white
+  color:bisque
+ 
 }
 
 .caret-icon {

src/HojasDeEstilo/Navbar.css

@@ -1,6 +1,6 @@
 .navbar-custom {
   background-color: #4054bd;
-  color: #000;
+  color: #000000;
   position: fixed;
   top: 0;
   width: 100%;
@@ -16,11 +16,12 @@
 
 .navbar-custom .nav-link {
   color: #f5f5f5;
-  font-weight: bold;
+  font-weight:100;
   font-size: 18px;
   margin-right: 15px;
 }
 
 .navbar-custom .nav-link:hover {
-  color: #888888;
+  color: green;
 }
+