minor frontend tweaks

This commit is contained in:
Izalia Mae 2024-03-03 18:28:49 -05:00
parent 2a866eaaaa
commit 4639d8a78d
6 changed files with 34 additions and 23 deletions

View file

@ -35,8 +35,13 @@
#container
#header.section
%span#menu-open.button << &#8286;
%a(href="https://{{domain}}/") -> =config.name
%span#menu-open << &#8286;
%span.title-container
%a.title(href="/") -> =config.name
-if view.request.path not in ["/", "/login"]
.page -> =page
.empty
-if error

View file

@ -21,7 +21,7 @@
%thead
%tr
%td.domain << Instance
%td.date << Joined
%td << Joined
%td.remove
%tbody

View file

@ -7,10 +7,13 @@
#add-instance
%label(for="domain") << Domain
%input(type="domain", id="domain" name="domain", placeholder="Domain")
%label(for="actor") << Actor URL
%input(type="url", id="actor" name="actor", placeholder="Actor URL")
%label(for="inbox") << Inbox URL
%input(type="url", id="inbox" name="inbox", placeholder="Inbox URL")
%label(for="software") << Software
%input(name="software", id="software" placeholder="software")
@ -22,7 +25,7 @@
%tr
%td.instance << Instance
%td.software << Software
%td.date << Joined
%td << Joined
%td.remove
%tbody

View file

@ -53,6 +53,7 @@ table {
border: 1px solid var(--primary);
border-radius: 5px;
border-spacing: 0px;
width: 100%;
}
table tbody tr:nth-child(even) td {
@ -81,7 +82,8 @@ table td {
table thead td {
background-color: var(--primary);
color: var(--table-background)
color: var(--background);
text-align: center;
}
table tbody td {
@ -105,8 +107,17 @@ table tbody td {
font-size: 2em;
}
#header > *:nth-child(2) {
#header .title-container {
text-align: center;
}
#header .title {
font-weight: bold;
line-height: 0.75em;
}
#header .page {
font-size: 0.5em;
}
#menu {
@ -153,11 +164,19 @@ table tbody td {
color: var(--primary);
}
#menu-open {
color: var(--primary);
}
#menu-open:hover {
color: var(--primary-hover);
}
#menu-open, #menu-close {
cursor: pointer;
}
#menu-close, #menu-open {
#menu-open, #menu-close {
min-width: 35px;
text-align: center;
}

View file

@ -14,10 +14,6 @@ table .items {
margin-top: var(--spacing);
}
#domains table {
width: 100%;
}
#domains .domain {
width: 100%;
}
@ -27,10 +23,6 @@ table .items {
text-align: right;
}
#domains thead td {
text-align: center !important;
}
#add-domain {
display: grid;
grid-template-columns: max-content auto;

View file

@ -3,10 +3,6 @@ form input[type="submit"] {
margin: 0 auto;
}
#instances table {
width: 100%;
}
#instances .instance {
width: 100%;
}
@ -20,10 +16,6 @@ form input[type="submit"] {
text-align: right;
}
#instances thead td {
text-align: center !important;
}
#add-instance {
display: grid;
grid-template-columns: max-content auto;