mirror of
				https://github.com/LibreQoE/LibreQoS.git
				synced 2025-02-25 18:55:32 -06:00 
			
		
		
		
	Adjust sizing on some dash tables.
This commit is contained in:
		@@ -35,9 +35,10 @@ export class Top10EndpointsByCountry extends BaseDashlet {
 | 
			
		||||
            let target = document.getElementById(this.id);
 | 
			
		||||
 | 
			
		||||
            let t = document.createElement("table");
 | 
			
		||||
            t.classList.add("table", "table-striped", "tiny");
 | 
			
		||||
            t.classList.add("table", "table-sm", "small");
 | 
			
		||||
 | 
			
		||||
            let th = document.createElement("thead");
 | 
			
		||||
            th.classList.add("small");
 | 
			
		||||
            th.appendChild(theading("Country"));
 | 
			
		||||
            th.appendChild(theading("DL ⬇️"));
 | 
			
		||||
            th.appendChild(theading("UL ⬆️"));
 | 
			
		||||
@@ -46,8 +47,13 @@ export class Top10EndpointsByCountry extends BaseDashlet {
 | 
			
		||||
            t.appendChild(th);
 | 
			
		||||
 | 
			
		||||
            let tbody = document.createElement("tbody");
 | 
			
		||||
            let count = 0;
 | 
			
		||||
            msg.data.forEach((r) => {
 | 
			
		||||
                if (count >= 10) {
 | 
			
		||||
                    return;
 | 
			
		||||
                }
 | 
			
		||||
                let row = document.createElement("tr");
 | 
			
		||||
                row.classList.add("small");
 | 
			
		||||
 | 
			
		||||
                let country = document.createElement("td");
 | 
			
		||||
                country.innerText = r[0];
 | 
			
		||||
@@ -70,6 +76,7 @@ export class Top10EndpointsByCountry extends BaseDashlet {
 | 
			
		||||
                row.appendChild(rttu);
 | 
			
		||||
 | 
			
		||||
                t.appendChild(row);
 | 
			
		||||
                count++;
 | 
			
		||||
            });
 | 
			
		||||
            t.appendChild(tbody);
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
@@ -35,9 +35,10 @@ export class EtherProtocols extends BaseDashlet {
 | 
			
		||||
            let target = document.getElementById(this.id);
 | 
			
		||||
 | 
			
		||||
            let t = document.createElement("table");
 | 
			
		||||
            t.classList.add("table", "table-striped", "tiny");
 | 
			
		||||
            t.classList.add("table", "table-sm", "small");
 | 
			
		||||
 | 
			
		||||
            let th = document.createElement("thead");
 | 
			
		||||
            th.classList.add("small");
 | 
			
		||||
            th.appendChild(theading("Protocol"));
 | 
			
		||||
            th.appendChild(theading("DL ⬇️"));
 | 
			
		||||
            th.appendChild(theading("UL ⬆️"));
 | 
			
		||||
@@ -49,6 +50,7 @@ export class EtherProtocols extends BaseDashlet {
 | 
			
		||||
 | 
			
		||||
            let tbody = document.createElement("tbody");
 | 
			
		||||
            let row = document.createElement("tr");
 | 
			
		||||
            row.classList.add("small");
 | 
			
		||||
            row.appendChild(simpleRow("IPv4"));
 | 
			
		||||
            row.appendChild(simpleRow(scaleNumber(msg.data.v4_bytes.down)));
 | 
			
		||||
            row.appendChild(simpleRow(scaleNumber(msg.data.v4_bytes.up)));
 | 
			
		||||
 
 | 
			
		||||
@@ -35,9 +35,10 @@ export class IpProtocols extends BaseDashlet {
 | 
			
		||||
            let target = document.getElementById(this.id);
 | 
			
		||||
 | 
			
		||||
            let t = document.createElement("table");
 | 
			
		||||
            t.classList.add("table", "table-striped", "tiny");
 | 
			
		||||
            t.classList.add("table", "table-sm", "small");
 | 
			
		||||
 | 
			
		||||
            let th = document.createElement("thead");
 | 
			
		||||
            th.classList.add("small");
 | 
			
		||||
            th.appendChild(theading("Protocol"));
 | 
			
		||||
            th.appendChild(theading("DL ⬇️"));
 | 
			
		||||
            th.appendChild(theading("UL ⬆️"));
 | 
			
		||||
@@ -47,6 +48,7 @@ export class IpProtocols extends BaseDashlet {
 | 
			
		||||
 | 
			
		||||
            msg.data.forEach((r) => {
 | 
			
		||||
                let row = document.createElement("tr");
 | 
			
		||||
                row.classList.add("small");
 | 
			
		||||
 | 
			
		||||
                row.appendChild(simpleRow(r[0]));
 | 
			
		||||
                row.appendChild(simpleRow(scaleNumber(r[1].down)));
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user