Some bare minimum of styling the API key page

This commit is contained in:
Reid 'arrdem' McKenzie 2023-05-27 00:45:34 -06:00
parent 3adbdeb254
commit d959a13aa2
2 changed files with 17 additions and 3 deletions

View file

@ -307,3 +307,17 @@ form {
border-radius: 1em; border-radius: 1em;
padding: 0.5em; padding: 0.5em;
} }
.keys ul li {
display: flex;
flex-direction: row;
span {
margin-right: 1em;
}
.key-key {
max-width: 20em;
overflow: clip;
}
}

View file

@ -1,14 +1,14 @@
{% extends "base.html.j2" %} {% extends "base.html.j2" %}
{% block content %} {% block content %}
<h1>User settings</h1> <h1>User settings</h1>
<div class=""> <div class="keys">
<h2>API keys</h2> <h2>API keys</h2>
{% with keys = ctx.db.list_keys(ctx.uid) %} {% with keys = ctx.db.list_keys(ctx.uid) %}
<ul> <ul>
{% for id, name, exp in keys if name != 'web session' %} {% for id, name, exp in keys if name != 'web session' %}
<li> <li>
<span class="key-name">{{ name }}</span> <span class="key-name">{{ name or 'anonymous' }}</span>
<span class="key-key">{{ id }}</span> <span class="key-key">{{ id[:10] }}...</span>
<span class="key-expiration">{{ 'Expires in' if exp else ''}} {{ exp - datetime.now() if exp else 'Never' }}</span> <span class="key-expiration">{{ 'Expires in' if exp else ''}} {{ exp - datetime.now() if exp else 'Never' }}</span>
<form method="post"> <form method="post">
<input type="hidden" name="action" value="revoke"> <input type="hidden" name="action" value="revoke">