Joseph.Rawlings/Virtnet.bond
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix: update links and enhance iframe styling in Proxmox help view for better responsiveness and clarity

Browse Source
This commit is contained in:
Joseph.Rawlings
2025-12-01 11:40:48 -05:00
parent 191b18fc41
commit bbe6231328
1 changed files with 47 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
extensions/Servers/Proxmox/views/help.blade.php
View File

@@ -1689,7 +1689,7 @@ iface vmbr0 inet static
<div>
<h4 class="text-lg font-semibold mb-3">IPv6 Adoption Worldwide</h4>
<p class="text-sm text-base/70 mb-3">
The following chart from <a href="https://stats.labs.apnic.net/ipv6/" target="_blank" rel="noopener noreferrer" class="text-primary hover:underline">APNIC Labs</a> shows the current IPv6 adoption rate across different countries. IPv6 adoption varies significantly by region, with some countries having over 50% adoption while others remain primarily on IPv4.
The following chart from <a href="https://stats.labs.apnic.net/cgi-bin/ccpagev6?c=XA" target="_blank" rel="noopener noreferrer" class="text-primary hover:underline">APNIC Labs</a> shows the current IPv6 adoption rate for the world. IPv6 adoption varies significantly by region, with some countries having over 50% adoption while others remain primarily on IPv4.
</p>
<style>
.ipv6-iframe-container {
@@ -1705,23 +1705,62 @@ iface vmbr0 inet static
overflow: hidden;
position: relative;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: flex-start;
}
.ipv6-iframe-wrapper iframe {
width: 100% !important;
max-width: 100% !important;
width: 1200px;
height: 600px;
min-height: 600px;
display: block;
border: 0;
box-sizing: border-box;
overflow: hidden;
zoom: 0.8;
-moz-transform: scale(0.8);
-moz-transform-origin: top center;
-webkit-transform: scale(0.8);
-webkit-transform-origin: top center;
transform: scale(0.8);
transform-origin: top center;
}
@media (max-width: 768px) {
.ipv6-iframe-wrapper iframe {
zoom: 0.4;
-moz-transform: scale(0.4);
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
}
@media (min-width: 769px) and (max-width: 1023px) {
.ipv6-iframe-wrapper iframe {
zoom: 0.6;
-moz-transform: scale(0.6);
-webkit-transform: scale(0.6);
transform: scale(0.6);
}
}
@media (min-width: 1024px) and (max-width: 1279px) {
.ipv6-iframe-wrapper iframe {
zoom: 0.75;
-moz-transform: scale(0.75);
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
}
@media (min-width: 1280px) {
.ipv6-iframe-wrapper iframe {
zoom: 0.9;
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
</style>
<div class="bg-background border border-neutral rounded-md p-4 mb-4 ipv6-iframe-container">
<div class="ipv6-iframe-wrapper">
<iframe
src="https://stats.labs.apnic.net/ipv6/"
title="IPv6 Adoption Rate by Country"
src="https://stats.labs.apnic.net/cgi-bin/ccpagev6?c=XA"
title="IPv6 Adoption Rate - World (XA)"
class="border-0 rounded"
loading="lazy"
allow="fullscreen"
@@ -1730,7 +1769,7 @@ iface vmbr0 inet static
></iframe>
</div>
<p class="text-xs text-base/60 mt-2 text-center">
Source: <a href="https://stats.labs.apnic.net/ipv6/" target="_blank" rel="noopener noreferrer" class="text-primary hover:underline">APNIC IPv6 Statistics</a> - Asia-Pacific Network Information Centre
Source: <a href="https://stats.labs.apnic.net/cgi-bin/ccpagev6?c=XA" target="_blank" rel="noopener noreferrer" class="text-primary hover:underline">APNIC IPv6 Statistics - World (XA)</a> - Asia-Pacific Network Information Centre
</p>
</div>
</div>