Коммит e3722ab1 создал по автору Georgiy Medvedev's avatar Georgiy Medvedev
Просмотр файлов

#16 Добавлена страница для неавторизованных

владелец bc5f1391
Скрыть пробелы
Построчно Рядом
universo-frontend/src/pages/IndexPage.vue
Просмотр файла @ e3722ab1
<template>
"HomePage"
<div class="page-container animated fadeIn flex column self-center items-center text-center">
<q-img
class="page-logo"
alt="Teknokomo Logo"
src="~assets/logo.png"
fit="contain"
/>
<q-btn color="white" text-color="black" label="В будущее" />
<span class="page-text02">
Погрузитесь через РВМ Универсо
<br>
в гипервселенную — бесконечное пространство
<br>
исследований, цифровизации и социального
<br>
взаимодействия.
</span>
<div class="bottom-banners-block">
<!-- Your banner components here -->
</div>
</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
name: 'IndexPage',
});
<script>
export default {
name: "NotAuth",
props: {},
data() {
return {
banners: [
{
text: "Международное сообщество Текнокомо",
color: "#4E70C7",
action: "/",
},
{
text: "КиберГосплан",
color: "#006868",
action: "/actions",
},
{
text: "Метавселенные",
color: "#5E2B4D",
action: "/universes",
},
],
};
},
};
</script>
<style scoped>
.page-container {
background-image: url(../assets/background.jpg);
background-size: cover;
}
.page-logo {
max-height: 25vh;
max-width: 25vw;
justify-self: center;
margin-bottom: 75px; /* Add a 150px margin at the bottom */
margin-top: 50px;
}
.page-text02 {
font-size: 32px;
margin-bottom: 150px; /* Add a 150px margin at the bottom */
margin-top: 100px;
color: aliceblue;
}
</style>
Поддерживает Markdown
0% или .
You are about to add 0 people to the discussion. Proceed with caution.
Сначала завершите редактирование этого сообщения!
Пожалуйста, зарегистрируйтесь или чтобы прокомментировать