feat: Restructure styles for cli and new pages

- Remove header from cli
- Add body_cli class
- Remove unnecessary frame element
This commit is contained in:
sthag 2025-06-23 20:12:47 +02:00
parent f1d17490e0
commit 0c37acf47f
4 changed files with 63 additions and 75 deletions

View file

@ -4,7 +4,7 @@ tags:
- ui
---
{% set pageId = page.fileSlug %}
{% set bodyClass = "body_frame" %}
{% set bodyClass = "body_cli" %}
{% extends "hippie/_app.njk" %}
{% import "hippie/macros/_io.njk" as io %}
@ -23,7 +23,6 @@ tags:
{% endblock %}
{% block body %}
{{ io.frameHeader('title-bar') }}
<div id="cli">
<div id="history">
<pre>Previous prompt</pre>

View file

@ -23,25 +23,23 @@ tags:
{% block body %}
{{ header.status(hippie, new) }}
<div id="frame">
<header class="area menu io">
<nav>
<ul>
<li>
<a href="" class="a_button">Func 1</a>
</li>
<li>
<a href="" class="a_button">Func 2</a>
</li>
</ul>
</nav>
</header>
<div class="area grid">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
</div>
<header class="area menu io">
<nav>
<ul>
<li>
<a href="" class="a_button">Func 1</a>
</li>
<li>
<a href="" class="a_button">Func 2</a>
</li>
</ul>
</nav>
</header>
<div class="area grid">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
</div>
{% endblock %}