generated from VLADIMIR/template_frontend
46 lines
774 B
Vue
46 lines
774 B
Vue
<script setup lang="ts">
|
|
|
|
import HeaderMenu from '@/components/HeaderMenu.vue'
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<div class="center-block-custom content-block center-middle-block-custom height80">
|
|
<div>
|
|
<h1 class="font-text">Вечерний детектив</h1>
|
|
<h3 class="font-text">Дело №0</h3>
|
|
<p class="content-text">
|
|
Поиграем?
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<HeaderMenu active="main" />
|
|
</template>
|
|
|
|
<style lang="css">
|
|
.font-text {
|
|
font-family: 'font_old_typer';
|
|
}
|
|
|
|
.content-text {
|
|
position: relative;
|
|
top: 100px;
|
|
right: 0;
|
|
float: right;
|
|
}
|
|
|
|
@media (width >=1024px) {
|
|
.font-text {
|
|
position: relative;
|
|
left: -50px;
|
|
}
|
|
|
|
.content-text {
|
|
position: relative;
|
|
top: 100px;
|
|
right: -50px;
|
|
}
|
|
}
|
|
</style>
|