Scaling page with viewframe on mobile.
This commit is contained in:
parent
a09bd3e407
commit
35b6c4c33f
|
@ -31,14 +31,14 @@
|
|||
border-radius: .25rem;
|
||||
background: var(--background);
|
||||
box-shadow: 0 0 3px var(--shadow-weak-30);
|
||||
color: var(--shadow-strong-30);
|
||||
color: var(--shadow-strong-20);
|
||||
font-size: .9rem;
|
||||
font-weight: bold;
|
||||
|
||||
.icon {
|
||||
height: auto;
|
||||
padding: 0 .75rem 0 .25rem;
|
||||
fill: var(--shadow-strong-20);
|
||||
fill: var(--shadow-strong-10);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
@ -80,7 +80,7 @@
|
|||
justify-content: center;
|
||||
|
||||
&:hover:not(:disabled) {
|
||||
background: var(--primary);
|
||||
background: var(--primary-dark-10);
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
|
|
|
@ -138,7 +138,7 @@
|
|||
v-if="scene.url"
|
||||
:href="scene.url"
|
||||
target="_blank"
|
||||
class="button watch nolink"
|
||||
class="button button-primary watch nolink"
|
||||
>Watch scene</Link>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -459,10 +459,12 @@ const poster = computed(() => {
|
|||
display: flex;
|
||||
}
|
||||
|
||||
/*
|
||||
.watch {
|
||||
background: var(--primary);
|
||||
color: var(--text-light);
|
||||
}
|
||||
*/
|
||||
|
||||
.actors,
|
||||
.tags {
|
||||
|
|
|
@ -63,7 +63,7 @@ async function onRenderHtml(pageContext) {
|
|||
<meta name="msapplication-config" content="/img/favicon/browserconfig.xml">
|
||||
<meta name="theme-color" content="#f65596">
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0" />
|
||||
<meta name="description" content="${desc}" />
|
||||
|
||||
<title>${title}</title>
|
||||
|
|
Loading…
Reference in New Issue