fix(web): better spacing for actor and context guide

This commit is contained in:
əlemi 2024-05-03 03:19:14 +02:00
parent f4c74addd6
commit 11557f5616
Signed by: alemi
GPG key ID: A4895B84D311642C
3 changed files with 4 additions and 4 deletions

View file

@ -235,11 +235,11 @@
margin-left: 1em; margin-left: 1em;
} }
.depth-r { .depth-r {
margin-left: 1em; margin-left: .5em;
} }
@media screen and (max-width: 786px) { @media screen and (max-width: 786px) {
.depth-r { .depth-r {
margin-left: .25em; margin-left: .125em;
} }
.ml-1-r { .ml-1-r {
margin-left: 0; margin-left: 0;

View file

@ -101,7 +101,7 @@ pub fn Object(object: crate::Object) -> impl IntoView {
Some(view! { <div class="pb-1"></div> }) Some(view! { <div class="pb-1"></div> })
}; };
view! { view! {
<table class="align w-100"> <table class="align w-100 ml-s mr-s">
<tr> <tr>
<td><ActorBanner object=author /></td> <td><ActorBanner object=author /></td>
<td class="rev" > <td class="rev" >

View file

@ -108,7 +108,7 @@ pub fn TimelineRepliesRecursive(tl: Timeline, root: String) -> impl IntoView {
_ => { _ => {
let oid = object.id().unwrap_or_default().to_string(); let oid = object.id().unwrap_or_default().to_string();
view! { view! {
<div class="context"> <div class="context depth-r">
<Object object=object /> <Object object=object />
<div class="depth-r"> <div class="depth-r">
<TimelineRepliesRecursive tl=tl root=oid /> <TimelineRepliesRecursive tl=tl root=oid />