P42/P42_UI
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styling, add&del buttons...

Browse Source
This commit is contained in:
STEINNI
2025-10-20 20:44:12 +00:00
parent 7c92bbcdfe
commit 4712946876
11 changed files with 171 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/views/editors/KeyframeView.html
+18
View File
@@ -11,6 +11,20 @@
.kf-editor > article, .kf-editor > article header{ border-color: #473; }
.kf-editor article.agent-preview header { padding:0; }
.kf-editor article.agent-preview canvas{ width:100%; aspect-ratio: 1 / 1;}
.kf-editor article.agent-preview section{
display: grid;
grid-template-rows: auto 2em;
height: 100%;
}
.kf-editor article.agent-preview section div.actions button{
color: #DDD;
padding: 0 0 0 0;
min-height: 0.5em;
}
.kf-editor button[data-trigger="onAddAgent"] { background-color: #473; }
.kf-editor button[data-trigger="onRemoveAgent"] { background-color: #A00; }
.kf-editor section[data-output="agentProperties"] label{ font-size: 0.9em; }
.kf-editor section[data-output="agentProperties"] div.cols-2 { grid-template-columns: 4fr 3fr; }
</style>
<div class="kf-editor cols-3">
@@ -18,6 +32,10 @@
<header><canvas data-output="agentSampleCanvas"></canvas></header>
<section>
<bz-select label="Agent type..." data-output="agentsSelector"></bz-select>
<div class="actions cols-2">
<button eicbutton rounded data-output="btnAddAgent" data-trigger="onAddAgent">Add</button>
<button eicbutton rounded data-output="btnRemoveAgent" data-trigger="onRemoveAgent" >Remove</button>
</div>
</section>
</article>
<article eiccard>