Layout update.

Browse Source
This commit is contained in:
retoor 2025-03-17 17:01:01 +01:00
parent 54416ee84f
commit 39fa8fa0cd
3 changed files with 12 additions and 7 deletions
src/snek
static
base.css
templates
app.htmlweb.html

9
src/snek/static/base.css
View File

@ -39,16 +39,19 @@ main {
header { header {
background-color: #000000; background-color: #000000;
padding: 10px 20px; padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} }
header .logo { header .logo {
color: #fff; color: #fff;
font-size: 1.5em;
font-weight: bold; font-weight: bold;
font-size: 1.2em;
color: #fff;
} }
header nav a { header nav a {

5
src/snek/templates/app.html
View File

@ -21,7 +21,9 @@
</head> </head>
<body> <body>
<header> <header>
<div class="no-select logo">Snek</div> <div class="no-select logo" style="display:none">Snek</div>
<div class="logo">{% block header_text %}{% endblock %}</div>
<nav class="no-select"> <nav class="no-select">
<a class="no-select" href="/web.html">🏠</a> <a class="no-select" href="/web.html">🏠</a>
<a class="no-select" href="/search-user.html">πŸ”</a> <a class="no-select" href="/search-user.html">πŸ”</a>
@ -30,6 +32,7 @@
<a class="no-select" href="#">βš™οΈ</a> <a class="no-select" href="#">βš™οΈ</a>
<a class="no-select" href="/logout.html">πŸ”’</a> <a class="no-select" href="/logout.html">πŸ”’</a>
</nav> </nav>
</header> </header>
<main> <main>
{% block sidebar %} {% block sidebar %}

5
src/snek/templates/web.html
View File

@ -1,10 +1,9 @@
{% extends "app.html" %} {% extends "app.html" %}
{% block header_text %}<h2>{{ name }}</h2>{% endblock %}
{% block main %} {% block main %}
<section class="chat-area" id="chat"> <section class="chat-area" id="chat">
<div class="chat-header">
<h2>{{ name }}</h2>
</div>
<div class="chat-messages"> <div class="chat-messages">
{% for message in messages %} {% for message in messages %}
{% autoescape false %} {% autoescape false %}