fix: unsupported display in detail mode
parent
be41e57e77
commit
e20b4bff38
|
@ -76,7 +76,7 @@
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="video-viewer {state}" class:unsupported={!supported}>
|
<div class="video-viewer {state}" class:detail class:unsupported={!supported}>
|
||||||
<div class="player" style="--icon-size: {detail ? 100 : 32}px">
|
<div class="player" style="--icon-size: {detail ? 100 : 32}px">
|
||||||
{#if state === State.LOADING}
|
{#if state === State.LOADING}
|
||||||
<Spinner />
|
<Spinner />
|
||||||
|
@ -197,6 +197,12 @@
|
||||||
opacity: 0.66;
|
opacity: 0.66;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.unsupported.detail {
|
||||||
|
.play-icon {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.unsupported-message {
|
.unsupported-message {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
|
Loading…
Reference in New Issue