ui: qemu: switch memory icon to SVG

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
This commit is contained in:
Thomas Lamprecht 2022-03-31 16:52:14 +02:00
parent ffcbae64ce
commit 7952ff6dc9
4 changed files with 37 additions and 1 deletions

View File

@ -302,6 +302,7 @@
.pve-itype-icon-cloud,
.pve-itype-icon-pci,
.pve-itype-icon-cpu,
.pve-itype-icon-memory,
.pve-itype-icon-die {
background-repeat: no-repeat;
background-position:3px center;
@ -425,6 +426,11 @@
}
.pve-itype-icon-memory {
background-size: 16px;
background-image:url(../images/icon-memory.svg);
}
.pve-icon {
height: 16px;
background-position: bottom;

View File

@ -81,6 +81,7 @@ IMAGES = ${GNOME_IMAGES} \
icon-sdn.svg \
icon-fa-network-wired.svg\
icon-cpu.svg \
icon-memory.svg \
icon-sdn.svg: icon-sdn.dot

View File

@ -0,0 +1,29 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
width="100"
height="100"
version="1.1"
>
<g fill="none" stroke="#000" stroke-width="7" shape-rendering="crispEdges">
<rect x="3.0" y="25" rx="0" ry="0" width="94" height="40"/> <!-- outer dimm PCB border -->
<g stroke-width="0"> <!-- dimm chips -->
<rect x="12.5" y="35" rx="0" ry="0" width="20" height="20" fill="black"/>
<rect x="40.0" y="35" rx="0" ry="0" width="20" height="20" fill="black"/>
<rect x="67.5" y="35" rx="0" ry="0" width="20" height="20" fill="black"/>
</g>
<g stroke-width="8"> <!-- pins -->
<path d="m10,67 v+10"/>
<path d="m26,67 v+10"/>
<path d="m42,67 v+10"/>
<path d="m58,67 v+10"/>
<path d="m74,67 v+10"/>
<path d="m90,67 v+10"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@ -66,7 +66,7 @@ Ext.define('PVE.qemu.HardwareView', {
editor: caps.vms['VM.Config.Memory'] ? 'PVE.qemu.MemoryEdit' : undefined,
never_delete: true,
defaultValue: '512',
tdCls: 'pmx-itype-icon-memory',
tdCls: 'pve-itype-icon-memory',
group: 2,
multiKey: ['memory', 'balloon', 'shares'],
renderer: function(value, metaData, record, ri, ci, store, pending) {