Continue working on v2 of the PC sheet (w/ Material design now)

This commit is contained in:
Oliver-Akins 2024-02-27 22:49:39 -07:00
parent 6d2d02b077
commit 753d72b4e0
7 changed files with 249 additions and 23 deletions

View file

@ -1,22 +1,39 @@
<form autocomplete="off" class="actor--pc">
{{!-- All panels here --}}
<section class="tab-content">
<div class="tab" data-group="page" data-tab="tab1">
<h1>Tab 1</h1>
</div>
<div class="tab" data-group="page" data-tab="tab2">
<h1>Tab 2</h1>
</div>
<div class="tab" data-group="page" data-tab="tab3">
<h1>Tab 3</h1>
<div class="tab" data-group="page" data-tab="avatar">Avatar</div>
<div class="tab" data-group="page" data-tab="stats">
<div class="panel-1dp">
<h2>Build</h2>
</div>
<div class="panel-1dp">
<h2>Meta</h2>
</div>
<div class="panel-1dp">
<h2>Presence</h2>
</div>
<div class="panel-1dp">
<h2>Hands</h2>
</div>
<div class="panel-1dp">
<h2>Tilt</h2>
</div>
<div class="panel-1dp">
<h2>RNG</h2>
</div>
</div>
<div class="tab" data-group="page" data-tab="combat">Combat</div>
<div class="tab" data-group="page" data-tab="inventory">Inventory</div>
<div class="tab" data-group="page" data-tab="spells">Spells</div>
</section>
{{!-- Tab list here --}}
<div class="potato" data-group="page">
<a data-tab="tab1">Tab 1</a>
<a data-tab="tab2">Tab 2</a>
<a data-tab="tab3">Tab 3</a>
</div>
<nav data-group="page">
<button type="button" data-tab="avatar">Avatar</button>
<button type="button" data-tab="stats">Stats / Skills</button>
<button type="button" data-tab="combat">Combat</button>
<button type="button" data-tab="inventory">Inventory</button>
<button type="button" data-tab="spells">Spells</button>
</nav>
</form>