Se realizan los ultimos arreglos del proyecto

Astridvilpa · Apr 25, 2024 · ae527df · ae527df
1 parent 66912a5
commit ae527df
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 30 deletions.
diff --git a/README.md b/README.md
@@ -44,7 +44,7 @@ Para el desarrollo del proyecto se utilizarán las siguientes tecnologías:
 
 ## 💬 Cosas por realizar
 
--La funcionalidad del volumen.
+- La funcionalidad del volumen.
 - La funcionalidad del mute.
 
 ## 👀 DEMO
@@ -54,4 +54,5 @@ Para el desarrollo del proyecto se utilizarán las siguientes tecnologías:
 ## ✒️ Autor
 
 * Astrid Viloria 
-* [GitHub] (https://github.com/Astridvilpa)
+* [GitHub] (https://github.com/Astridvilpa)
+
diff --git a/css/style.css b/css/style.css
@@ -183,7 +183,7 @@ body {
 }
 
 /* Seccion que separa una linea de otra  */
-.sectionSep {
+.space {
   height: 0.3em;
   color: white;
 }
@@ -215,7 +215,7 @@ body {
 
 /* Sección para volumen y cambio de canal  */
 
-.mandoMed {
+.medio {
   width: 100%;
   display: flex;
   flex-direction: row;

diff --git a/index.html b/index.html
@@ -28,52 +28,52 @@
           <div class="mando">
             <!-- control seccion superior -->
             <div class="mandoSup">
-              <div id="btnOnOff" class="chanBtn onBtn"></div>
+              <div id="btnOnOff" class="chanBtn "></div>
               <div id="btnMute" class="chanBtn"></div>
             </div>
 
             <!-- seccion de los canales -->
             <div class="mandoInf">
-              <div id="Noticias24" class="chanBtn numBtn">1</div>
-              <div id="Fox Sport" class="chanBtn numBtn">2</div>
-              <div id="Antena3" class="chanBtn numBtn">3</div>
-              <div id="Cinemax" class="chanBtn numBtn">4</div>
-              <div id="Atresplayer" class="chanBtn numBtn">5</div>
-              <div id="LaSexta" class="chanBtn numBtn">6</div>
-              <div id="Gol t" class="chanBtn numBtn">7</div>
-              <div id="Divinity" class="chanBtn numBtn">8</div>
-              <div id="Telemundo" class="chanBtn numBtn">9</div>
-              <div id="channelInfo" class="chanBtn numBtn"></div>
-              <div id="Sin Signal" class="chanBtn numBtn">0</div>
-              <div id="channelBack" class="chanBtn numBtn"></div>
+              <div id="Noticias24" class="chanBtn ">1</div>
+              <div id="Fox Sport" class="chanBtn ">2</div>
+              <div id="Antena3" class="chanBtn ">3</div>
+              <div id="Cinemax" class="chanBtn ">4</div>
+              <div id="Atresplayer" class="chanBtn ">5</div>
+              <div id="LaSexta" class="chanBtn ">6</div>
+              <div id="Gol t" class="chanBtn ">7</div>
+              <div id="Divinity" class="chanBtn ">8</div>
+              <div id="Telemundo" class="chanBtn ">9</div>
+              <div id="channelInfo" class="chanBtn "></div>
+              <div id="Sin Signal" class="chanBtn ">0</div>
+              <div id="channelBack" class="chanBtn "></div>
             </div>
 
             <!-- seccion de volumen y cambio de canales -->
-            <div class="mandoMed">
-              <div class="sectionSep"></div>
+            <div class="medio">
+              <div class="space"></div>
               <div class="middleBut">
-                <div id="btnVolUp" class="chanBtn squareBtn">+</div>
-                <div id="btnVolDown" class="chanBtn squareBtn">+</div>
+                <div id="btnVolUp" class="chanBtn ">+</div>
+                <div id="btnVolDown" class="chanBtn ">+</div>
               </div>
               <div class="middleBut">
                 <div>Vol</div>
                 <div>CH</div>
               </div>
               <div class="middleBut">
-                <div id="btnChUp" class="chanBtn squareBtn">-</div>
-                <div id="btnChDown" class="chanBtn squareBtn">-</div>
+                <div id="btnChUp" class="chanBtn ">-</div>
+                <div id="btnChDown" class="chanBtn ">-</div>
               </div>
 
               <!-- sección de canales extra -->
               <div class="redes">
-                <div id="netflix" class="chanBtn numBtn rectangulo"></div>
-                <div id="disney" class="chanBtn numBtn rectangulo"></div>
-                <div id="prime" class="chanBtn numBtn rectangulo"></div>
-                <div id="Pluto" class="chanBtn numBtn rectangulo"></div>
+                <div id="netflix" class="chanBtn  rectangulo"></div>
+                <div id="disney" class="chanBtn  rectangulo"></div>
+                <div id="prime" class="chanBtn  rectangulo"></div>
+                <div id="Pluto" class="chanBtn  rectangulo"></div>
               </div>
             </div>
             <!-- Marca del control  -->
-            <div class="sectionSep">edenwood</div>
+            <div class="space">edenwood</div>
           </div>
         </div>
       </div>

diff --git a/js/main.js b/js/main.js
@@ -32,8 +32,8 @@ arrayMandoInf.forEach((channel) => {
   channel.addEventListener("click", (e) => {
     const channelName = e.target.id;
     selectedChannel = channelName;
-    infoDate.style.display = "inline-block";
-    infoChannel.style.display = "inline-block";
+    infoDate.style.display = "flex";
+    infoChannel.style.display = "";
 
     document.getElementById("channelName").innerHTML = channelName;