fix(web): video max sizing, cursor
This commit is contained in:
parent
9faae6f627
commit
a664a0372f
2 changed files with 5 additions and 5 deletions
|
@ -154,11 +154,10 @@
|
||||||
img.inline-avatar {
|
img.inline-avatar {
|
||||||
max-height: 2em;
|
max-height: 2em;
|
||||||
}
|
}
|
||||||
p.box {
|
.box {
|
||||||
border: 3px solid #bf616a;
|
border: 3px solid #bf616a;
|
||||||
width: 100%;
|
|
||||||
}
|
}
|
||||||
p.cursor {
|
.cursor {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
video.attachment {
|
video.attachment {
|
||||||
|
@ -176,6 +175,7 @@
|
||||||
video.expand {
|
video.expand {
|
||||||
height: unset;
|
height: unset;
|
||||||
max-height: 55vh;
|
max-height: 55vh;
|
||||||
|
max-width: 100%;
|
||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
}
|
}
|
||||||
div.tl-header {
|
div.tl-header {
|
||||||
|
|
|
@ -40,7 +40,7 @@ pub fn Attachment(
|
||||||
|
|
||||||
"video" =>
|
"video" =>
|
||||||
view! {
|
view! {
|
||||||
<p class="center cursor box ml-1"
|
<div class="center cursor box ml-1"
|
||||||
on:click=move |_| set_expand.set(!expand.get())
|
on:click=move |_| set_expand.set(!expand.get())
|
||||||
title={object.name().unwrap_or_default().to_string()}
|
title={object.name().unwrap_or_default().to_string()}
|
||||||
>
|
>
|
||||||
|
@ -48,7 +48,7 @@ pub fn Attachment(
|
||||||
<source src={href.clone()} type={media_type} />
|
<source src={href.clone()} type={media_type} />
|
||||||
<a href={href} target="_blank">audio clip</a>
|
<a href={href} target="_blank">audio clip</a>
|
||||||
</video>
|
</video>
|
||||||
</p>
|
</div>
|
||||||
}.into_view(),
|
}.into_view(),
|
||||||
|
|
||||||
"audio" =>
|
"audio" =>
|
||||||
|
|
Loading…
Reference in a new issue