1
0
Fork 0
forked from alemi/upub

fix(web): slightly better spacings for mobile

This commit is contained in:
əlemi 2024-04-22 03:45:30 +02:00
parent a51a70da0a
commit 460f801136
Signed by: alemi
GPG key ID: A4895B84D311642C
3 changed files with 8 additions and 2 deletions

View file

@ -188,7 +188,13 @@
.ml-1-r { .ml-1-r {
margin-left: 1em; margin-left: 1em;
} }
.depth-r {
margin-left: 1em;
}
@media screen and (max-width: 786px) { @media screen and (max-width: 786px) {
.depth-r {
margin-left: .25em;
}
.ml-1-r { .ml-1-r {
margin-left: 0; margin-left: 0;
} }

View file

@ -70,7 +70,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! {
<Object object=object /> <Object object=object />
<div class="ml-1"> <div class="depth-r">
<TimelineRepliesRecursive tl=tl root=oid /> <TimelineRepliesRecursive tl=tl root=oid />
</div> </div>
}.into_view() }.into_view()

View file

@ -256,7 +256,6 @@ pub fn DebugPage() -> impl IntoView {
} > } >
<table class="align w-100" > <table class="align w-100" >
<tr> <tr>
<td class="w-100"><input class="w-100" type="text" on:input=move|ev| set_query.set(event_target_value(&ev)) placeholder="AP id" /></td>
<td> <td>
<small><a <small><a
href={move|| Uri::web(FetchKind::Object, &query.get())} href={move|| Uri::web(FetchKind::Object, &query.get())}
@ -266,6 +265,7 @@ pub fn DebugPage() -> impl IntoView {
href={move|| Uri::web(FetchKind::User, &query.get())} href={move|| Uri::web(FetchKind::User, &query.get())}
>usr</a></small> >usr</a></small>
</td> </td>
<td class="w-100"><input class="w-100" type="text" on:input=move|ev| set_query.set(event_target_value(&ev)) placeholder="AP id" /></td>
<td><input type="submit" class="w-100" value="fetch" /></td> <td><input type="submit" class="w-100" value="fetch" /></td>
<td><input type="checkbox" title="cached" value="cached" node_ref=cached_ref /></td> <td><input type="checkbox" title="cached" value="cached" node_ref=cached_ref /></td>
</tr> </tr>