feat: New ui content
- New frame examples - Move first parts to macros
This commit is contained in:
parent
24efcefab3
commit
07e2e8ff6d
6 changed files with 296 additions and 157 deletions
35
source/templates/hippie/macros/_io.njk
Normal file
35
source/templates/hippie/macros/_io.njk
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
{% macro frameHeader(title) %}
|
||||
<header class="io">
|
||||
<nav>
|
||||
<button title="menu">
|
||||
<i class="bi bi-three-dots"></i>
|
||||
</button>
|
||||
<span>{{ title }}</span>
|
||||
</nav>
|
||||
<nav>
|
||||
<div class="spacer a"></div>
|
||||
<button title="minimize">
|
||||
<i class="bi bi-dash"></i>
|
||||
</button>
|
||||
<button title="maximize">
|
||||
<i class="bi bi-fullscreen"></i>
|
||||
</button>
|
||||
<button title="close" data-action="close">
|
||||
<i class="bi bi-x-square"></i>
|
||||
</button>
|
||||
</nav>
|
||||
</header>
|
||||
{% endmacro %}
|
||||
|
||||
{% macro frameFooter(title) %}
|
||||
<footer class="io">
|
||||
<nav>
|
||||
<button>mode</button>
|
||||
<span>{{ title }}</span>
|
||||
</nav>
|
||||
<nav>
|
||||
<div class="spacer a"></div>
|
||||
<button>action</button>
|
||||
</nav>
|
||||
</footer>
|
||||
{% endmacro %}
|
||||
Loading…
Add table
Add a link
Reference in a new issue