cambio de la tabla

This commit is contained in:
2020-09-08 14:33:57 -05:00
parent cbf47c7709
commit 043b92e522
+34 -8
View File
@@ -18,15 +18,15 @@
<div class="table-responsive">
<table class="table table-hover ">
<thead>
<tr class="bg-primary text-white">
<th scope="col">No.#</th>
<th scope="col">Responsable</th>
<th scope="col">Accion</th>
<tr class=" text-white azul">
<th class="title" scope="col">No.#</th>
<th class="title" scope="col">Responsable</th>
<th class="title" scope="col">Accion</th>
</tr>
</thead>
<tbody class="text-justify">
<tr class="bg-primary text-white ">
<tr class="azul text-white ">
<th scope="col" colspan="3" class="text-center">
División, Coordinación o Programa
</th>
@@ -153,7 +153,7 @@
</td>
</tr>
<tr class="bg-primary text-white divi">
<tr class="azul text-white divi">
<th scope="col" colspan="3" class="text-center">
Secretaría Ejecutiva del Comité Editorial de la FES Acatlán
</th>
@@ -199,7 +199,7 @@
</td>
</tr>
<tr class="bg-primary text-white divi">
<tr class="azul text-white divi">
<th scope="col" colspan="3" class="text-center">
Unidad de Servicios Editoriales
</th>
@@ -737,4 +737,30 @@ export default {
};
</script>
<style scoped></style>
<style scoped>
h1{
font-size: 1.8rem;
}
th,td{
text-align: left;
font-size: 1rem;
}
.title{
text-align: center;
}
.azul{
background-color: #1e3c70;
}
.azul:hover{
background-color: #bb8800;
}
@media (max-width: 450px) {
h1{
font-size: .8rem;
}
th,td{
text-align: left;
font-size: .6rem;
}
}
</style>