CSS.

Browse Source
This commit is contained in:
retoor 2025-01-24 15:20:35 +01:00
parent 757b67b78c
commit 6ba6121988
6 changed files with 27 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/snek/form/login.py
View File

@ -21,4 +21,5 @@ class LoginForm(Form):
text="Login", text="Login",
type="button" type="button"
) )

4
src/snek/static/html-frame.js
View File

@ -30,9 +30,7 @@ class HTMLFrame extends HTMLElement {
const parent = this const parent = this
const markdownElement = document.createElement('div') const markdownElement = document.createElement('div')
markdownElement.innerHTML = html markdownElement.innerHTML = html
document.body.appendChild(markdownElement) this.outerHTML = html
//parent.parentElement.appendChild(markdownElement)
}else{ }else{
this.container.innerHTML = html; this.container.innerHTML = html;
} }

29
src/snek/static/style.css
View File

@ -1,18 +1,18 @@
* { * {
margin: 0;
padding: 0;
box-sizing: border-box; box-sizing: border-box;
} }
.center { .dialog {
background-color: #0f0f0f;
border-radius: 10px;
padding: 30px; padding: 30px;
width: 800px;
text-align: center; margin: 30px;
margin: auto auto; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
left: 25%; }
position: absolute;
}
@media screen and (max-width: 500px) { @media screen and (max-width: 500px) {
.center { .center {
@ -34,8 +34,15 @@ h2 {
margin-bottom: 20px; margin-bottom: 20px;
} }
body { body {
background-color: #000; font-family: Arial, sans-serif;
color: #efefef; background-color: #1a1a1a;
color: #e6e6e6;
line-height: 1.5;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100vh;
} }
div { div {

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

@ -1,7 +1,10 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block main %} {% block main %}
<div class="dialog">
<fancy-button size="auto" text="Back" url="/back"></fancy-button>
<html-frame url="/about.md"></html-frame> <html-frame url="/about.md"></html-frame>
<fancy-button size="auto" text="Back" url="/back"></fancy-button>
</div>
{% endblock %} {% endblock %}

2
src/snek/templates/login.html
View File

@ -1,7 +1,7 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block main %} {% block main %}
<fancy-button url="/back" text="Back" size="auto"></fancy-button>
<generic-form class="center" url="/login-form.json"></generic-form> <generic-form class="center" url="/login-form.json"></generic-form>
{% endblock %} {% endblock %}

2
src/snek/templates/register.html
View File

@ -1,5 +1,7 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block main %} {% block main %}
<fancy-button url="/back" text="Back" size="auto"></fancy-button>
<generic-form class="center" url="/register-form.json"></generic-form> <generic-form class="center" url="/register-form.json"></generic-form>
{% endblock %} {% endblock %}