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

kfeditor full panel

Browse Source
This commit is contained in:
STEINNI
2025-10-21 19:09:14 +00:00
parent aa76bfe9c0
commit dbd9e83a25
3 changed files with 42 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/views/editors/KeyframeView.html
+24 -13
View File
@@ -12,11 +12,21 @@
.kf-editor article.agent-preview header { padding:0; }
.kf-editor canvas[data-output="agentSampleCanvas"]{ width:100%; aspect-ratio: 1 / 1;}
.kf-editor canvas[data-output="kfArenaCanvas"]{ width:100%; height:100%; }
.kf-editor article.agent-preview section, .kf-editor article.agent-properties section{
.kf-editor article.agent-preview section{
display: grid;
grid-template-rows: 2em auto 2em;
height: 100%;
grid-template-rows: 2em auto;
overflow: visible;
}
.kf-editor article.agent-properties section{
display: grid;
grid-template-rows: 2em auto;
overflow: visible;
height:100%;
}
.kf-editor article.agent-preview section.selector{ padding: 0.5em .5em 1.5em .5em; }
.kf-editor article.agent-preview section.browser{ padding:0; }
.kf-editor article.agent-preview section.browser header { border-top: 1px solid #473; border-bottom: 1px solid #473;}
.kf-editor article.agent-preview section.browser header h1{ text-align: center; margin-top: .3em;}
.kf-editor article.kfArena section{
padding: 0;
height: 100%;
@@ -35,7 +45,8 @@
padding: 0 0 0 0;
min-height: 1.2em;
}
.kf-editor article.agent-properties section div.kf-actions button{
.kf-editor article.agent-properties section.kf-actions { border-top: 1px solid #473; padding: 3px 5px 3px 5px; height:3em;}
.kf-editor article.agent-properties section.kf-actions button{
color: #DDD;
padding: 0 0 0 0;
min-height: 2em;
@@ -51,11 +62,11 @@
<div class="kf-editor cols-3">
<article eiccard class="agent-preview">
<header><canvas data-output="agentSampleCanvas"></canvas></header>
<section>
<div>
<bz-select label="Agent type..." data-output="agentsSelector"></bz-select>
</div>
<div></div>
<section class="selector">
<bz-select label="Agent type..." data-output="agentsSelector"></bz-select>
</section>
<section class="browser">
<header><h1>Keyframes browser</h1></header>
</section>
</article>
<article eiccard class="kfArena">
@@ -71,10 +82,10 @@
<button eicbutton rounded data-output="btnRemoveAgent" data-trigger="onRemoveAgent" >Remove agent</button>
</div>
<div data-output="agentProperties"></div>
<div class="kf-actions cols-2">
<button eicbutton rounded data-output="btnSaveKF" data-trigger="onSaveKF">Save KF</button>
<button eicbutton rounded data-output="btnResetKF" data-trigger="onResetKF">Reset KF</button>
</div>
</section>
<section class="kf-actions cols-2">
<button eicbutton rounded data-output="btnSaveKF" data-trigger="onSaveKF">Save KF</button>
<button eicbutton rounded data-output="btnResetKF" data-trigger="onResetKF">Reset KF</button>
</section>
</article>