mirror of
https://git.pleroma.social/pleroma/relay.git
synced 2024-11-21 14:07:59 +00:00
simplify css
This commit is contained in:
parent
33102f9e4e
commit
4cbf83a7b7
|
@ -145,7 +145,6 @@ class WatchHandler(PatternMatchingEventHandler):
|
|||
if event.event_type not in ['modified', 'created', 'deleted']:
|
||||
return
|
||||
|
||||
print(event.src_path)
|
||||
self.run_proc(restart = True)
|
||||
|
||||
|
||||
|
|
|
@ -11,7 +11,7 @@
|
|||
%title << {{config.name}}: {{page}}
|
||||
%meta(charset="UTF-8")
|
||||
%meta(name="viewport" content="width=device-width, initial-scale=1")
|
||||
%link(rel="stylesheet" type="text/css" href="/style.css?page={{page}}")
|
||||
%link(rel="stylesheet" type="text/css" href="/style.css")
|
||||
-block head
|
||||
|
||||
%body
|
||||
|
@ -51,7 +51,7 @@
|
|||
-if message
|
||||
.message.section -> =message
|
||||
|
||||
#content
|
||||
#content(class="page-{{page.lower().replace(' ', '_')}}")
|
||||
-block content
|
||||
|
||||
#footer.section
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
-set page="Config"
|
||||
-block content
|
||||
%form.section(action="/admin/config" method="POST")
|
||||
#config-options
|
||||
.grid-2col
|
||||
%label(for="name") << Name
|
||||
%input(id = "name" name="name" placeholder="Relay Name" value="{{config.name or ''}}")
|
||||
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
%details.section
|
||||
%summary << Ban Domain
|
||||
%form(action="/admin/domain_bans" method="POST")
|
||||
#add-domain
|
||||
#add-item
|
||||
%label(for="domain") << Domain
|
||||
%input(type="domain" id="domain" name="domain" placeholder="Domain")
|
||||
|
||||
|
@ -16,7 +16,7 @@
|
|||
|
||||
%input(type="submit" value="Ban Domain")
|
||||
|
||||
#domains.section
|
||||
#data-table.section
|
||||
%table
|
||||
%thead
|
||||
%tr
|
||||
|
@ -31,7 +31,7 @@
|
|||
%details
|
||||
%summary -> =ban.domain
|
||||
%form(action="/admin/domain_bans" method="POST")
|
||||
.items
|
||||
.grid-2col
|
||||
.reason << Reason
|
||||
%textarea.reason(id="reason" name="reason") << {{ban.reason or ""}}
|
||||
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
%details.section
|
||||
%summary << Add Instance
|
||||
%form(target="/admin/instances" method="POST")
|
||||
#add-instance
|
||||
#add-item
|
||||
%label(for="domain") << Domain
|
||||
%input(type="domain" id="domain" name="domain" placeholder="Domain")
|
||||
|
||||
|
@ -19,7 +19,7 @@
|
|||
|
||||
%input(type="submit" value="Add Instance")
|
||||
|
||||
#instances.section
|
||||
#data-table.section
|
||||
%table
|
||||
%thead
|
||||
%tr
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
%details.section
|
||||
%summary << Ban Software
|
||||
%form(action="/admin/software_bans" method="POST")
|
||||
#add-software
|
||||
#add-item
|
||||
%label(for="name") << Name
|
||||
%input(id="name" name="name" placeholder="Name")
|
||||
|
||||
|
@ -16,7 +16,7 @@
|
|||
|
||||
%input(type="submit" value="Ban Software")
|
||||
|
||||
#software.section
|
||||
#data-table.section
|
||||
%table
|
||||
%thead
|
||||
%tr
|
||||
|
@ -31,7 +31,7 @@
|
|||
%details
|
||||
%summary -> =ban.name
|
||||
%form(action="/admin/software_bans" method="POST")
|
||||
.items
|
||||
.grid-2col
|
||||
.reason << Reason
|
||||
%textarea.reason(id="reason" name="reason") << {{ban.reason or ""}}
|
||||
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
%details.section
|
||||
%summary << Add User
|
||||
%form(target="/admin/users", method="POST")
|
||||
#add-user
|
||||
#add-item
|
||||
%label(for="username") << Username
|
||||
%input(id="username" name="username" placeholder="Username")
|
||||
|
||||
|
@ -19,7 +19,7 @@
|
|||
|
||||
%input(type="submit" value="Add User")
|
||||
|
||||
#users.section
|
||||
#data-table.section
|
||||
%table
|
||||
%thead
|
||||
%tr
|
||||
|
|
|
@ -4,13 +4,13 @@
|
|||
%details.section
|
||||
%summary << Add Domain
|
||||
%form(target="/admin/whitelist" method="POST")
|
||||
#add-domain
|
||||
#add-item
|
||||
%label(for="domain") << Domain
|
||||
%input(type="domain" id="domain" name="domain" placeholder="Domain")
|
||||
|
||||
%input(type="submit" value="Add Domain")
|
||||
|
||||
#whitelist.section
|
||||
#data-table.section
|
||||
%table
|
||||
%thead
|
||||
%tr
|
||||
|
|
|
@ -19,7 +19,7 @@
|
|||
Note: The whitelist is enabled on this instance. Ask the admin to add your instance
|
||||
before joining.
|
||||
|
||||
#instances.section
|
||||
#data-table.section
|
||||
%table
|
||||
%thead
|
||||
%tr
|
||||
|
@ -29,5 +29,8 @@
|
|||
%tbody
|
||||
-for instance in instances
|
||||
%tr
|
||||
%td.instance -> %a(href="https://{{instance.domain}}/" target="_new") -> =instance.domain
|
||||
%td.date -> =instance.created.strftime("%Y-%m-%d")
|
||||
%td.instance -> %a(href="https://{{instance.domain}}/" target="_new")
|
||||
=instance.domain
|
||||
|
||||
%td.date
|
||||
=instance.created.strftime("%Y-%m-%d")
|
||||
|
|
|
@ -2,8 +2,11 @@
|
|||
-set page="Login"
|
||||
-block content
|
||||
%form.section(action="/login" method="post")
|
||||
.grid-2col
|
||||
%label(for="username") << Username
|
||||
%input(id="username" name="username" placeholder="Username" value="{{username or ''}}")
|
||||
|
||||
%label(for="password") << Password
|
||||
%input(id="password" name="password" placeholder="Password" type="password")
|
||||
|
||||
%input(type="submit" value="Login")
|
||||
|
|
|
@ -15,13 +15,6 @@
|
|||
--spacing: 10px;
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--text);
|
||||
background-color: #222;
|
||||
margin: var(--spacing);
|
||||
font-family: sans serif;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--primary);
|
||||
text-decoration: none;
|
||||
|
@ -32,10 +25,26 @@ a:hover {
|
|||
text-decoration: underline;
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--text);
|
||||
background-color: #222;
|
||||
margin: var(--spacing);
|
||||
font-family: sans serif;
|
||||
}
|
||||
|
||||
details *:nth-child(2) {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
details summary {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
form input[type="submit"] {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
p {
|
||||
line-height: 1em;
|
||||
margin: 0px;
|
||||
|
@ -90,6 +99,10 @@ table tbody td {
|
|||
background-color: var(--table-background);
|
||||
}
|
||||
|
||||
textarea {
|
||||
height: calc(5em);
|
||||
}
|
||||
|
||||
#container {
|
||||
width: 1024px;
|
||||
margin: 0px auto;
|
||||
|
@ -190,6 +203,23 @@ table tbody td {
|
|||
text-align: right
|
||||
}
|
||||
|
||||
#add-item {
|
||||
display: grid;
|
||||
grid-template-columns: max-content auto;
|
||||
grid-gap: var(--spacing);
|
||||
margin-top: var(--spacing);
|
||||
margin-bottom: var(--spacing);
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#data-table td:first-child {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#data-table .date {
|
||||
width: max-content;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.button {
|
||||
background-color: var(--primary);
|
||||
|
@ -219,6 +249,15 @@ table tbody td {
|
|||
border: 1px solid var(--error-border) !important;
|
||||
}
|
||||
|
||||
.grid-2col {
|
||||
display: grid;
|
||||
grid-template-columns: max-content auto;
|
||||
grid-gap: var(--spacing);
|
||||
margin-bottom: var(--spacing);
|
||||
align-items: center;
|
||||
|
||||
}
|
||||
|
||||
.message {
|
||||
color: var(--message-text) !important;
|
||||
background-color: var(--message-background) !important;
|
||||
|
@ -241,9 +280,10 @@ table tbody td {
|
|||
}
|
||||
|
||||
|
||||
{% if page %}
|
||||
{% include "style/" + page.lower().replace(" ", "_") + ".css" %}
|
||||
{% endif %}
|
||||
/* config */
|
||||
#content.page-config input[type="checkbox"] {
|
||||
justify-self: left;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 1026px) {
|
||||
|
@ -273,7 +313,8 @@ table tbody td {
|
|||
}
|
||||
|
||||
.section {
|
||||
border-width: 0px;
|
||||
border-left-width: 0px;
|
||||
border-right-width: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,20 +0,0 @@
|
|||
#config-options {
|
||||
display: grid;
|
||||
grid-template-columns: max-content auto;
|
||||
grid-gap: var(--spacing);
|
||||
margin-bottom: var(--spacing);
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
form input[type="submit"] {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
form input[type="checkbox"] {
|
||||
justify-self: left;
|
||||
}
|
||||
|
||||
textarea {
|
||||
height: 4em;
|
||||
}
|
|
@ -1,32 +0,0 @@
|
|||
form input[type="submit"] {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
textarea {
|
||||
height: calc(5em);
|
||||
}
|
||||
|
||||
table .items {
|
||||
display: grid;
|
||||
grid-template-columns: max-content auto;
|
||||
grid-gap: var(--spacing);
|
||||
margin-top: var(--spacing);
|
||||
}
|
||||
|
||||
#domains .domain {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#domains .date {
|
||||
width: max-content;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#add-domain {
|
||||
display: grid;
|
||||
grid-template-columns: max-content auto;
|
||||
grid-gap: var(--spacing);
|
||||
margin-top: var(--spacing);
|
||||
margin-bottom: var(--spacing);
|
||||
}
|
|
@ -1,16 +0,0 @@
|
|||
#instances table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#instances .instance {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#instances .date {
|
||||
width: max-content;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#instances thead td {
|
||||
text-align: center !important;
|
||||
}
|
|
@ -1,25 +0,0 @@
|
|||
form input[type="submit"] {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#instances .instance {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#instances .software {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#instances .date {
|
||||
width: max-content;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#add-instance {
|
||||
display: grid;
|
||||
grid-template-columns: max-content auto;
|
||||
grid-gap: var(--spacing);
|
||||
margin-top: var(--spacing);
|
||||
margin-bottom: var(--spacing);
|
||||
}
|
|
@ -1,18 +0,0 @@
|
|||
label, input {
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
label, input:not([type="submit"]) {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
input:not([type="submit"]) {
|
||||
margin-bottom: var(--spacing);
|
||||
}
|
||||
|
||||
@media (max-width: 1026px) {
|
||||
label, input:not([type="submit"]) {
|
||||
width: 75%;
|
||||
}
|
||||
}
|
|
@ -1,32 +0,0 @@
|
|||
form input[type="submit"] {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
textarea {
|
||||
height: calc(5em);
|
||||
}
|
||||
|
||||
table .items {
|
||||
display: grid;
|
||||
grid-template-columns: max-content auto;
|
||||
grid-gap: var(--spacing);
|
||||
margin-top: var(--spacing);
|
||||
}
|
||||
|
||||
#software .name{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#software .date {
|
||||
width: max-content;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#add-software {
|
||||
display: grid;
|
||||
grid-template-columns: max-content auto;
|
||||
grid-gap: var(--spacing);
|
||||
margin-top: var(--spacing);
|
||||
margin-bottom: var(--spacing);
|
||||
}
|
|
@ -1,25 +0,0 @@
|
|||
form input[type="submit"] {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#users .username {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#users .handle {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#users .date {
|
||||
width: max-content;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#add-user {
|
||||
display: grid;
|
||||
grid-template-columns: max-content auto;
|
||||
grid-gap: var(--spacing);
|
||||
margin-top: var(--spacing);
|
||||
margin-bottom: var(--spacing);
|
||||
}
|
|
@ -1,21 +0,0 @@
|
|||
form input[type="submit"] {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#whitelist .domain{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#whitelist .date {
|
||||
width: max-content;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#add-domain {
|
||||
display: grid;
|
||||
grid-template-columns: max-content auto;
|
||||
grid-gap: var(--spacing);
|
||||
margin-top: var(--spacing);
|
||||
margin-bottom: var(--spacing);
|
||||
}
|
|
@ -440,5 +440,5 @@ class AdminConfig(View):
|
|||
@register_route('/style.css')
|
||||
class StyleCss(View):
|
||||
async def get(self, request: Request) -> Response:
|
||||
data = self.template.render('style.css', self, page = request.query.getone('page', ""))
|
||||
data = self.template.render('style.css', self)
|
||||
return Response.new(data, ctype = 'css')
|
||||
|
|
Loading…
Reference in a new issue