fix(web): slightly better spacings for mobile
This commit is contained in:
parent
a51a70da0a
commit
460f801136
3 changed files with 8 additions and 2 deletions
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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()
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue