51 lines
1.1 KiB
Vue
51 lines
1.1 KiB
Vue
<template>
|
|
<section class="flex flex-1 justify-center pt-10 pb-[60px] px-4 sm:p-4 bg-mapamundi">
|
|
<div
|
|
class="rounded-2xl px-4 sm:px-10 py-12 w-full max-w-2xl h-fit"
|
|
>
|
|
<!-- :class="{
|
|
'bg-surface text-white mt-12': id !== 'P1-F4-1' && id !== 'P1-F4-2' && type !== 'question',
|
|
'bg-[#82DBDF] text-surface': id === 'P1-F4-1' || id === 'P1-F4-2',
|
|
}" -->
|
|
<slot />
|
|
</div>
|
|
</section>
|
|
</template>
|
|
|
|
<script>
|
|
//import FullscreenButton from './FullscreenButton.vue'
|
|
export default {
|
|
//components: { FullscreenButton },
|
|
props: {
|
|
id: {
|
|
type: String,
|
|
default: ""
|
|
},
|
|
type: {
|
|
type: String,
|
|
default: "default"
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
backgroundImage: 'mapamundi-fondo.png'
|
|
};
|
|
},
|
|
computed: {
|
|
isFullscreenEnabled() {
|
|
if (document.fullscreenElement)
|
|
return true;
|
|
return false;
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style>
|
|
.bg-mapamundi {
|
|
background-image: url('/assets/img/mapamundi-fondo.png');
|
|
background-size: cover;
|
|
background-position: center;
|
|
}
|
|
</style>
|