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 {
margin-left: 1em;
}
.depth-r {
margin-left: 1em;
}
@media screen and (max-width: 786px) {
.depth-r {
margin-left: .25em;
}
.ml-1-r {
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();
view! {
<Object object=object />
<div class="ml-1">
<div class="depth-r">
<TimelineRepliesRecursive tl=tl root=oid />
</div>
}.into_view()

View file

@ -256,7 +256,6 @@ pub fn DebugPage() -> impl IntoView {
} >
<table class="align w-100" >
<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>
<small><a
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())}
>usr</a></small>
</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="checkbox" title="cached" value="cached" node_ref=cached_ref /></td>
</tr>