alemi/upub
alemi/upub
1
0
Fork 1
Code Issues 4 Pull requests Projects Releases Packages Wiki Activity Actions

fix(web): avatar css, centered devtools link

Browse source
This commit is contained in:
əlemi 2024-05-23 15:07:59 +02:00
parent cd67863a47
commit a194aaaa35
Signed by: alemi
GPG key ID: A4895B84D311642C
5 changed files with 13 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
web/index.html
View file

@ -162,7 +162,7 @@
img {
max-width: 100%;
}
img.avatar-circle {
img.avatar {
display: inline;
border-radius: 50%;
}
@ -170,14 +170,14 @@
background-color: var(--background);
border: .3em solid var(--accent);
}
img.avatar-inline {
display: inline;
img.inline {
height: .75em;
border-radius: 50%;
}
img.inline-avatar {
height: 2em;
width: 2em;
img.avatar-actor {
min-height: 2em;
max-height: 2em;
min-width: 2em;
max-width: 2em;
}
.box {
border: 3px solid var(--accent);
@ -309,7 +309,7 @@
var(--background) 1em
);
}
.loader {
.spinner {
animation: spin 1s linear infinite;
}
span.dots {

4
web/src/components/user.rs
View file

@ -11,7 +11,7 @@ pub fn ActorStrip(object: crate::Object) -> impl IntoView {
let avatar = object.icon().get().map(|x| x.url().id().unwrap_or(DEFAULT_AVATAR_URL.into())).unwrap_or(DEFAULT_AVATAR_URL.into());
view! {
<a href={Uri::web(U::User, &actor_id)} class="clean hover">
<img src={avatar} class="avatar-inline mr-s" /><b>{username}</b><small>@{domain}</small>
<img src={avatar} class="avatar inline mr-s" /><b>{username}</b><small>@{domain}</small>
</a>
}
}
@ -33,7 +33,7 @@ pub fn ActorBanner(object: crate::Object) -> impl IntoView {
<div>
<table class="align" >
<tr>
<td rowspan="2" ><a href={uri.clone()} ><img class="avatar-circle inline-avatar" src={avatar_url} /></a></td>
<td rowspan="2" ><a href={uri.clone()} ><img class="avatar avatar-actor" src={avatar_url} /></a></td>
<td><b>{display_name}</b></td>
</tr>
<tr>

2
web/src/page/config.rs
View file

@ -91,7 +91,7 @@ pub fn ConfigPage(setter: WriteSignal<crate::Config>) -> impl IntoView {
<li><span title="objects without a related activity to display"><input type="checkbox" prop:checked=get_cfg!(filter orphans) on:input=set_cfg!(filter orphans) />" orphans"</span></li>
</ul>
<hr />
<p><a href="/web/config/dev" title="access the devtools page">devtools</a></p>
<p class="center"><a href="/web/config/dev" title="access the devtools page">devtools</a></p>
</div>
}
}

2
web/src/page/debug.rs
View file

@ -56,7 +56,7 @@ pub fn DebugPage() -> impl IntoView {
</td>
<td>
<input type="checkbox" title="load from local cache" value="cached"
class:loader=loading
class:spinner=loading
prop:checked=cached
on:input=move |ev| set_cached.set(event_target_checked(&ev))
/>

2
web/src/page/user.rs
View file

@ -104,7 +104,7 @@ pub fn UserPage(tl: Timeline) -> impl IntoView {
<table class="pl-2 pr-2 align w-100" style="table-layout: fixed">
<tr>
<td rowspan=4 style="width: 8em">
<img class="avatar-circle avatar-border mr-s" src={avatar_url} style="height: 7em; width: 7em"/>
<img class="avatar avatar-border mr-s" src={avatar_url} style="height: 7em; width: 7em"/>
</td>
<td rowspan=2 class="bottom">
<b class="big">{display_name}</b>{actor_type_tag}