clear

src/views/GamesView.vue

@@ -3,7 +3,7 @@ import GamesPage from '@/components/GamesPage.vue';
 </script>
 
 <template>
-  <main>
-    <GamesPage />
-  </main>
+  <GamesPage />
 </template>
+
+<style lang="css"></style>

src/views/HomeView.vue

@@ -15,7 +15,7 @@ const keyColorClass = computed(() => {
 
 <template>
   <HeaderMenu :add-login="true" :is-found-key="isFoundKey"/>
-  <main>
+  <div class="center-block-custom content-block">
     <h1 class="font-text">
       Вечерний детектив
     </h1>
@@ -28,7 +28,7 @@ const keyColorClass = computed(() => {
         <Key24Regular />
       </Icon>
     </p>
-  </main>
+  </div>
 </template>
 
 <style lang="css">
@@ -40,6 +40,7 @@ const keyColorClass = computed(() => {
   position: relative;
   top: 100px;
   right: 0px;
+  float: right;
 }
 
 .key-icon {
@@ -55,13 +56,13 @@ const keyColorClass = computed(() => {
 @media (min-width: 1024px) {
   .font-text {
     position: relative;
-    left: -150px;
+    left: -50px;
   }
 
   .content-text {
     position: relative;
     top: 100px;
-    right: -350px;
+    right: -50px;
   }
 }
 </style>

src/views/LoginView.vue

@@ -3,7 +3,7 @@ import LoginPage from '@/components/LoginPage.vue';
 </script>
 
 <template>
-  <main>
-    <LoginPage />
-  </main>
+  <LoginPage />
 </template>
+
+<style lang="css"></style>

src/views/OfficeView.vue

@@ -3,7 +3,7 @@ import OfficePage from '@/components/OfficePage.vue';
 </script>
 
 <template>
-  <main>
-    <OfficePage />
-  </main>
+  <OfficePage />
 </template>
+
+<style lang="css"></style>

src/views/ScenariosView.vue

@@ -3,7 +3,7 @@ import ScenariosPage from '@/components/ScenariosPage.vue';
 </script>
 
 <template>
-  <main>
-    <ScenariosPage />
-  </main>
+  <ScenariosPage />
 </template>
+
+<style lang="css"></style>

src/views/UsersView.vue

@@ -3,7 +3,7 @@ import UsersPage from '@/components/UsersPage.vue';
 </script>
 
 <template>
-  <main>
-    <UsersPage />
-  </main>
+  <UsersPage />
 </template>
+
+<style lang="css"></style>