forked from alemi/upub
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 {
|
.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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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()
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue