davidb/Monitores
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UPDATE: Cambio de tamaño de las letras

Browse Source
This commit is contained in:
davidb
2025-08-27 13:21:46 +02:00
parent 3a671cac6a
commit 428e05631d
2 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/js/scripts.js
+3 -3
View File
@@ -12,9 +12,9 @@ function cargarTabla(endpoint, tablaId) {
let sizeClass = ""; let sizeClass = "";
if (filas.length <= 7) { if (filas.length <= 7) {
sizeClass = "text-7xl px-4 py-2"; sizeClass = "text-8xl";
} else { } else {
sizeClass = "text-5xl px-3 py-1" sizeClass = "text-7xl"
} }
filas.forEach(fila => { filas.forEach(fila => {
@@ -86,5 +86,5 @@ function actualizarTablas(){
cargarFooter(); cargarFooter();
actualizarTablas(); actualizarTablas();
setInterval(actualizarTablas, 30000); setInterval(actualizarTablas, 15000);
setInterval(cargarFooter, 45000); setInterval(cargarFooter, 45000);
templates/index.html
+11 -11
View File
@@ -15,10 +15,10 @@
<div id="logo"> <div id="logo">
<img src="{{ url_for('static', filename='media/'+ theme +'.svg') }}" alt="Logo" height="172" width="380"> <img src="{{ url_for('static', filename='media/'+ theme +'.svg') }}" alt="Logo" height="172" width="380">
</div> </div>
<div id="fecha" class="text-5xl text-[#696969]"></div> <div id="fecha" class="text-6xl text-[#696969]"></div>
<div id="hora" class="text-7xl font-bold text-[#696969]"></div> <div id="hora" class="text-8xl font-bold text-[#696969]"></div>
</header> </header>
<div class="flex flex-col md:flex-row gap-4 p-4 bg-gray-100 h-[783px]"> <div class="flex flex-col md:flex-row gap-4 p-2 h-[783px]">
{% if mode == '2' %} {% if mode == '2' %}
<div class="md:w-1/2 w-full overflow-auto h-[751px]"> <div class="md:w-1/2 w-full overflow-auto h-[751px]">
<table class="min-w-full text-center text-white text-3xl table-fixed border-collapse h-full"> <table class="min-w-full text-center text-white text-3xl table-fixed border-collapse h-full">
@@ -35,7 +35,7 @@
<div class="md:w-1/2 w-full overflow-auto h-[751px]"> <div class="md:w-1/2 w-full overflow-auto h-[751px]">
<table class="min-w-full text-center text-white text-3xl table-fixed border-collapse h-full"> <table class="min-w-full text-center text-white text-3xl table-fixed border-collapse h-full">
<thead> <thead>
<tr class="h-[90px]"> <tr class="h-[60px]">
<th class="border px-4 py-2 {% if theme == 'imq' %}bg-[#CC0C00] {% else %}bg-[#114b94] {% endif %}">CONSULTA</th> <th class="border px-4 py-2 {% if theme == 'imq' %}bg-[#CC0C00] {% else %}bg-[#114b94] {% endif %}">CONSULTA</th>
<th class="border px-4 py-2 {% if theme == 'imq' %}bg-[#e6392d] {% else %}bg-[#0a6eb2] {% endif %}">TURNO</th> <th class="border px-4 py-2 {% if theme == 'imq' %}bg-[#e6392d] {% else %}bg-[#0a6eb2] {% endif %}">TURNO</th>
</tr> </tr>
@@ -49,10 +49,10 @@
<video src="{{ url_for('static', filename='media/'+ theme +'.mp4') }}" class="w-full shadow-md" autoplay muted loop <video src="{{ url_for('static', filename='media/'+ theme +'.mp4') }}" class="w-full shadow-md" autoplay muted loop
preload="metadata"></video> preload="metadata"></video>
</div> </div>
<div class="md:w-1/2 w-full overflow-auto h-[751px]"> <div class="md:w-1/2 w-full overflow-hidden h-[767px]">
<table class="min-w-full text-center text-white text-3xl table-fixed border-collapse h-full"> <table class="min-w-full text-center text-white text-4xl table-fixed border-collapse h-[767px]">
<thead> <thead>
<tr class="h-[90px]"> <tr class="h-[60px]">
<th class="border px-4 py-2 {% if theme == 'imq' %}bg-[#CC0C00] {% else %}bg-[#114b94] {% endif %}">CONSULTA</th> <th class="border px-4 py-2 {% if theme == 'imq' %}bg-[#CC0C00] {% else %}bg-[#114b94] {% endif %}">CONSULTA</th>
<th class="border px-4 py-2 {% if theme == 'imq' %}bg-[#e6392d] {% else %}bg-[#0a6eb2] {% endif %}">TURNO</th> <th class="border px-4 py-2 {% if theme == 'imq' %}bg-[#e6392d] {% else %}bg-[#0a6eb2] {% endif %}">TURNO</th>
</tr> </tr>
@@ -67,13 +67,13 @@
<div id="scroll-wrapper" class="whitespace-nowrap absolute w-max animate-scroll text-white text-3xl px-4 flex gap-16"> <div id="scroll-wrapper" class="whitespace-nowrap absolute w-max animate-scroll text-white text-3xl px-4 flex gap-16">
</div> </div>
</footer>--> </footer>-->
<footer class="w-full overflow-hidden h-14 flex items-center {% if theme == 'imq' %}bg-[#CC0C00] {% else %}bg-[#008968] {% endif %}"> <footer class="w-full overflow-hidden h-14 mt-2 flex items-center {% if theme == 'imq' %}bg-[#CC0C00] {% else %}bg-[#008968] {% endif %}">
<div class="scroll-wrapper whitespace-nowrap w-max animate-scroll"> <div class="scroll-wrapper whitespace-nowrap w-max animate-scroll">
<span id="footer-text" class="text-white text-3xl px-4 "></span> <span id="footer-text" class="text-white text-4xl px-4 "></span>
<span class="spacer w-14 inline-block"></span> <span class="spacer w-14 inline-block"></span>
<span id="footer-text-duplicate" class="text-white text-3xl px-4"></span> <span id="footer-text-duplicate" class="text-white text-4xl px-4"></span>
</div> </div>
<div id="footer-text" class="whitespace-pre text-3xl animate-scroll whitespace-nowrap px-4 text-white"></div> <div id="footer-text" class="whitespace-pre text-4xl animate-scroll whitespace-nowrap px-4 text-white"></div>
</footer> </footer>
</body> </body>
</html> </html>