A couple more ui tweaks

This commit is contained in:
asonix 2020-03-26 14:19:23 -05:00
parent f11043e57d
commit 66c7e9d299
3 changed files with 36 additions and 18 deletions

View file

@ -63,12 +63,12 @@ section {
}
.info {
border-bottom: 1px solid #e5e5e5;
padding-bottom: 36px;
}
li {
padding-top: 36px;
border-bottom: 1px solid #e5e5e5;
}
.padded {
@ -82,10 +82,13 @@ section {
a {
&,
&:focus,
&:hover,
&:active {
color: #c92a60;
}
&:hover {
color: #9d2a60;
}
}
}
@ -113,10 +116,13 @@ pre {
a {
&,
&:focus,
&:hover,
&:active {
color: #f9a6c2;
}
&:hover {
color: #f2739f;
}
}
footer {
@ -142,16 +148,18 @@ footer {
}
.instance-info {
background-color: #f5f5f5;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
padding: 24px;
padding-bottom: 36px;
border-top: 1px solid #e5e5e5;
background-color: #f5f5f5;
.instance-description {
margin: 0;
margin-bottom: 24px;
}
.instance-admin {
margin: 24px 0;
}
}
a {

View file

@ -1,6 +1,7 @@
@use crate::data::Contact;
@use activitystreams::primitives::XsdAnyUri;
@(contact: &Contact)
@(contact: &Contact, base: &XsdAnyUri)
<div class="admin">
<div class="left">
@ -10,6 +11,10 @@
</div>
<div class="right">
<p class="display-name"><a href="@contact.url">@contact.display_name</a></p>
<p class="username">@@@contact.username</p>
@if let Some(domain) = base.as_url().domain() {
<p class="username">@@@contact.username@@@domain</p>
} else {
<p class="username">@@@contact.username</p>
}
</div>
</div>

View file

@ -18,15 +18,20 @@
Registration is closed
}
</p>
<div class="instance-info">
<h5 class="instance-description">Description:</h5>
<div class="description">
<div class="please-stay">
@Html(&instance.description)
</div>
@if !instance.description.trim().is_empty() || contact.is_some() {
<div class="instance-info">
@if !instance.description.trim().is_empty() {
<h5 class="instance-description">@instance.title's description:</h5>
<div class="description">
<div class="please-stay">
@Html(instance.description.trim())
</div>
</div>
}
@if let Some(contact) = contact {
<h5 class="instance-admin">@instance.title's admin:</h5>
@:admin(contact, base)
}
</div>
@if let Some(contact) = contact {
@:admin(contact)
}
</div>
}
</article>