added mem_request

This commit is contained in:
2026-02-14 12:07:10 +01:00
parent 67ba0fe759
commit 6a7737ee1c
3 changed files with 44 additions and 12 deletions
+42 -11
View File
@@ -205,7 +205,7 @@ const stacksTmpl = `
{{end}}
<div class="stack-meta-badges">
{{if .Meta.Resources.RAM}}<span class="meta-badge">{{.Meta.Resources.RAM}}</span>{{end}}
{{if .Meta.Resources.MemRequest}}<span class="meta-badge">{{.Meta.Resources.MemRequest}}</span>{{end}}
{{if .Meta.Resources.PiCompatible}}<span class="meta-badge meta-badge-ok">Pi kompatibilis</span>{{end}}
{{if .Meta.Resources.NeedsHDD}}<span class="meta-badge">HDD szükséges</span>{{end}}
</div>
@@ -263,7 +263,7 @@ const deployTmpl = `
<h3>{{.Meta.DisplayName}}</h3>
{{if .Meta.Description}}<p>{{.Meta.Description}}</p>{{end}}
<div class="stack-meta-badges">
{{if .Meta.Resources.RAM}}<span class="meta-badge">{{.Meta.Resources.RAM}}</span>{{end}}
{{if .Meta.Resources.MemRequest}}<span class="meta-badge">{{.Meta.Resources.MemRequest}}</span>{{end}}
{{if .Meta.Resources.PiCompatible}}<span class="meta-badge meta-badge-ok">Pi kompatibilis</span>{{end}}
{{if .Meta.Resources.NeedsHDD}}<span class="meta-badge">HDD szükséges</span>{{end}}
</div>
@@ -692,7 +692,7 @@ h3 {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: .4rem;
margin-bottom: .5rem;
}
.system-info-label {
font-size: .8rem;
@@ -708,19 +708,50 @@ h3 {
}
.system-bar {
width: 100%;
height: 6px;
background: var(--bg-primary);
border-radius: 3px;
overflow: hidden;
height: 10px;
border-radius: 5px;
position: relative;
background: linear-gradient(to right,
rgba(35, 134, 54, 0.10) 0%, rgba(35, 134, 54, 0.10) 70%,
rgba(210, 153, 34, 0.18) 70%, rgba(210, 153, 34, 0.18) 85%,
rgba(218, 54, 51, 0.18) 85%, rgba(218, 54, 51, 0.18) 100%
);
}
.system-bar::before {
content: '';
position: absolute;
left: 70%;
top: -1px;
bottom: -1px;
width: 2px;
background: var(--yellow);
border-radius: 1px;
opacity: 0.5;
z-index: 2;
}
.system-bar::after {
content: '';
position: absolute;
left: 85%;
top: -1px;
bottom: -1px;
width: 2px;
background: var(--red);
border-radius: 1px;
opacity: 0.5;
z-index: 2;
}
.system-bar-fill {
height: 100%;
border-radius: 3px;
border-radius: 5px;
position: relative;
z-index: 1;
transition: width 0.3s ease;
min-width: 3px;
}
.system-bar-green { background: var(--green); }
.system-bar-yellow { background: var(--yellow); }
.system-bar-red { background: var(--red); }
.system-bar-green { background: var(--green); box-shadow: 0 0 6px rgba(35, 134, 54, 0.4); }
.system-bar-yellow { background: var(--yellow); box-shadow: 0 0 6px rgba(210, 153, 34, 0.4); }
.system-bar-red { background: var(--red); box-shadow: 0 0 6px rgba(218, 54, 51, 0.4); }
/* Stack list (dashboard) */
.stack-list {