This commit is contained in:
parent
b4a365be03
commit
0695e2112b
|
@ -49,7 +49,7 @@ SPDX-License-Identifier: AGPL-3.0-only
|
||||||
</div>
|
</div>
|
||||||
<div v-else-if="phase === 'consent'" key="consent" :class="$style.root" class="_gaps">
|
<div v-else-if="phase === 'consent'" key="consent" :class="$style.root" class="_gaps">
|
||||||
<div :class="$style.header" class="_gaps_s">
|
<div :class="$style.header" class="_gaps_s">
|
||||||
<img v-if="icon" :class="$style.icon" :src="getProxiedImageUrl(icon)"/>
|
<img v-if="icon" :class="$style.icon" :src="getProxiedImageUrl(icon, 'avatar')"/>
|
||||||
<div v-else :class="$style.iconFallback">
|
<div v-else :class="$style.iconFallback">
|
||||||
<i class="ti ti-apps"></i>
|
<i class="ti ti-apps"></i>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -90,8 +90,8 @@ definePageMetadata(() => ({
|
||||||
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
|
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
|
||||||
overflow: clip;
|
overflow: clip;
|
||||||
max-width: 500px;
|
max-width: 500px;
|
||||||
width: 100vw;
|
width: calc(100vw - 64px);
|
||||||
height: min(80svh, calc(100svh - calc(env(safe-area-inset-bottom, 0px) + 64px)));
|
height: min(60svh, calc(100svh - calc(env(safe-area-inset-bottom, 0px) + 64px)));
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -96,7 +96,7 @@ definePageMetadata(() => ({
|
||||||
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
|
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
|
||||||
overflow: clip;
|
overflow: clip;
|
||||||
max-width: 500px;
|
max-width: 500px;
|
||||||
width: 100vw;
|
width: calc(100vw - 64px);
|
||||||
height: min(80svh, calc(100svh - calc(env(safe-area-inset-bottom, 0px) + 64px)));
|
height: min(80svh, calc(100svh - calc(env(safe-area-inset-bottom, 0px) + 64px)));
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue