STEINNI
37 lines
1007 B
HTML
37 lines
1007 B
HTML
<style>
|
|
.kf-editor{
|
|
grid-template-columns: 15% auto 20%;
|
|
grid-gap:0;
|
|
height: 100%;
|
|
}
|
|
.kf-editor > article{
|
|
height: 100%;
|
|
margin: 0;
|
|
}
|
|
.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;}
|
|
|
|
</style>
|
|
<div class="kf-editor cols-3">
|
|
<article eiccard class="agent-preview">
|
|
<header><canvas data-output="agentSampleCanvas"></canvas></header>
|
|
<section>
|
|
agents selector
|
|
<select data-output="agentsSelector"></select>
|
|
</section>
|
|
</article>
|
|
<article eiccard="" data-eicui-id="d9aace9b-9e60-4cfc-ad7c-98b9693d05f3" aria-enabled="true">
|
|
<section>
|
|
Arena
|
|
</section>
|
|
</article>
|
|
<article eiccard="">
|
|
<header>Properties</header>
|
|
<section>Props form</section>
|
|
</article>
|
|
|
|
</div>
|
|
|
|
|