Scaling page with viewframe on mobile.

This commit is contained in:
DebaucheryLibrarian 2024-03-27 16:37:02 +01:00
parent a09bd3e407
commit 35b6c4c33f
3 changed files with 7 additions and 5 deletions

View File

@ -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 {

View File

@ -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 {

View File

@ -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>