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

View file

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

View file

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

View file

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

View file

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

View file

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