gitproxy/RTLPlayground
1
0 Fork 0
mirror of https://github.com/logicog/RTLPlayground.git synced 2026-10-29 17:54:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

WebUI: Change port strip sfp icon

Browse Source
This commit is contained in:
Kamikaze94 committed 2026-10-20 22:46:15 +02:00
1 parent 2a9f9b2508
commit 6d539bfb1b
1 file changed
+8 -5
Download Patch File Download Diff File Expand all files Collapse all files
html/index.html
+8 -5
View File
@@ -123,16 +123,19 @@ label.row span.lb{width:110px;flex:none;color:var(--fg2);font-size:13px}
.port .pn{font-weight:650;font-size:12px}
.port .ps{font-size:9px;color:var(--fg2);display:block;line-height:1.2}
.port .jack{
display:block;width:16px;height:10px;margin:2px auto 1px;border-radius:2px;
border:2px solid var(--fg2);border-top-width:6px;opacity:.55;position:relative;
display:block;width:21px;height:12px;margin:4px auto 2px;border-radius:2px;
border:2px solid var(--fg2);border-top-width:8px;opacity:.55;position:relative;
}
.port .jack:before{content:"";
position:absolute;bottom:100%;left:50%;transform:translateX(-50%);
width:6px;height:3px;margin-bottom:6px;border-radius: 1px 1px 0 0;
width:6px;height:5px;margin-bottom:7px;border-radius: 1px 1px 0 0;
background-color:var(--pc,var(--fg2));
}
.port.sfp .jack{width:24px;height:9px;border-top-width:4px}
.port.sfp .jack:before {display:none;}
.port.sfp .jack{width:24px;height:16px;margin:0 auto 2px;border-top-width:5px}
.port.sfp .jack:before{
width:10px;margin-bottom:2px;border-radius:0 0 1px 1px;
background-color:color-mix(in srgb,var(--pc, var(--panel2)) 10%,var(--panel2));
}
.port.up{border-color:var(--pc);background:color-mix(in srgb,var(--pc) 10%,var(--panel2))}
.port.up .jack{border-color:var(--pc);opacity:1}
.port.up .ps{color:var(--pc);font-weight:600}