From 01069d0d7cd50c1541a2ede1bbdfbdd0fa18f1bc Mon Sep 17 00:00:00 2001 From: Duncan <317131866@pcpuma.acatlan.unam.mx> Date: Mon, 30 Sep 2024 15:05:29 -0600 Subject: [PATCH] Arreglo de los Navs y tabla --- .../assets/css/cursos-de-computo.css | 30 ++++++- .../assets/css/cursos-de-computo.less | 36 ++++++++- cursos-de-computo/index.html | 78 +++++++++---------- 3 files changed, 102 insertions(+), 42 deletions(-) diff --git a/cursos-de-computo/assets/css/cursos-de-computo.css b/cursos-de-computo/assets/css/cursos-de-computo.css index 8be57ba..88eadcb 100644 --- a/cursos-de-computo/assets/css/cursos-de-computo.css +++ b/cursos-de-computo/assets/css/cursos-de-computo.css @@ -50,14 +50,42 @@ #Center ul li a { color: #bb8800; } -#Center .active { +#Center .div-flex .active { color: #1e3c70; border-bottom: 2px solid #bb8800; } +#Center .nav-tabs .active { + color: #1e3c70; + background-color: #FFFF; +} #Center .b-ground { background: url("../../../assets/img/bg/solid.png"); + padding: 0; + margin: 0; } #Center table thead { color: #ffff; font-size: medium; } +@media (max-width: 992px) { + #Center .div-flex { + display: block; + } +} +@media (min-width: 993px) { + #Center .div-flex { + display: flex; + } +} +@media (max-width: 992px) { + #Center .normal { + height: 47px; + overflow-x: auto !important; + flex-direction: column; + column-gap: 20px; + } + #Center .normal .nav-link { + border: 0; + padding: 10px; + } +} diff --git a/cursos-de-computo/assets/css/cursos-de-computo.less b/cursos-de-computo/assets/css/cursos-de-computo.less index 739c6b8..78210bc 100644 --- a/cursos-de-computo/assets/css/cursos-de-computo.less +++ b/cursos-de-computo/assets/css/cursos-de-computo.less @@ -60,13 +60,20 @@ color: #bb8800; } -#Center .active { +#Center .div-flex .active { color: #1e3c70; border-bottom: 2px solid #bb8800; +} + +#Center .nav-tabs .active { + color: #1e3c70; + background-color: #FFFF; } #Center .b-ground { - background: url("../../../assets/img/bg/solid.png"); + background: url("../../../assets/img/bg/solid.png"); + padding: 0; + margin: 0; } #Center table thead { @@ -74,3 +81,28 @@ font-size: medium; } +@media (max-width: 992px){ + #Center .div-flex { + display: block; + } +} + +@media (min-width: 993px){ + #Center .div-flex { + display: flex; + } +} + +@media (max-width: 992px){ + #Center .normal { + height: 47px; + overflow-x: auto !important; + flex-direction: column; + column-gap:20px; + } + + #Center .normal .nav-link{ + border: 0; + padding: 10px; + } +} diff --git a/cursos-de-computo/index.html b/cursos-de-computo/index.html index 06dc684..e05ec48 100644 --- a/cursos-de-computo/index.html +++ b/cursos-de-computo/index.html @@ -183,7 +183,7 @@ class="d-flex align-items-center justify-content-center flex-column pt-0" >
-