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
assets/css
pages/scene
renderer

View File

@ -31,14 +31,14 @@
border-radius: .25rem; border-radius: .25rem;
background: var(--background); background: var(--background);
box-shadow: 0 0 3px var(--shadow-weak-30); box-shadow: 0 0 3px var(--shadow-weak-30);
color: var(--shadow-strong-30); color: var(--shadow-strong-20);
font-size: .9rem; font-size: .9rem;
font-weight: bold; font-weight: bold;
.icon { .icon {
height: auto; height: auto;
padding: 0 .75rem 0 .25rem; padding: 0 .75rem 0 .25rem;
fill: var(--shadow-strong-20); fill: var(--shadow-strong-10);
} }
&:hover { &:hover {
@ -80,7 +80,7 @@
justify-content: center; justify-content: center;
&:hover:not(:disabled) { &:hover:not(:disabled) {
background: var(--primary); background: var(--primary-dark-10);
} }
&:disabled { &:disabled {

View File

@ -138,7 +138,7 @@
v-if="scene.url" v-if="scene.url"
:href="scene.url" :href="scene.url"
target="_blank" target="_blank"
class="button watch nolink" class="button button-primary watch nolink"
>Watch scene</Link> >Watch scene</Link>
</div> </div>
</div> </div>
@ -459,10 +459,12 @@ const poster = computed(() => {
display: flex; display: flex;
} }
/*
.watch { .watch {
background: var(--primary); background: var(--primary);
color: var(--text-light); color: var(--text-light);
} }
*/
.actors, .actors,
.tags { .tags {

View File

@ -63,7 +63,7 @@ async function onRenderHtml(pageContext) {
<meta name="msapplication-config" content="/img/favicon/browserconfig.xml"> <meta name="msapplication-config" content="/img/favicon/browserconfig.xml">
<meta name="theme-color" content="#f65596"> <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}" /> <meta name="description" content="${desc}" />
<title>${title}</title> <title>${title}</title>