clear

src/assets/main.css

@@ -1,51 +1,12 @@
 @import './base.css';
 
-.header-block {
+body {
-  height: 60px;
+  overflow: hidden;
-  background-color: var(--main-color);
-  font-size: large;
-  color: white;
-  vertical-align: middle;
-  padding: 15px 0 10px 16px;
-  font-weight: 700;
 }
 
-.input-custom {
+@font-face {
-  width: 100%;
+  font-family: a_OldTyper;
-  box-sizing: border-box; /* обязательно! */
+  src: url('@/assets/a_OldTyper.ttf');
-  margin-right: 15px;
-}
-
-.button-dialog {
-  background-color: var(--main-color);
-  font-weight: 600;
-  color: white;
-
-  padding: 6px 14px;
-  border: 1px solid #ddd;
-  border-radius: 15px;
-  font-size: 16px;
-  margin-right: 6px;
-}
-
-.button-dialog:hover {
-  background-color: var(--main-color);
-  opacity: 0.9;
-}
-
-.button-dialog:disabled {
-  opacity: 0.5;
-}
-
-.input-custom, .button-custom {
-  padding: 12px 16px;
-  border: 1px solid #ddd;
-  border-radius: 15px;
-  font-size: 16px;
-}
-
-.button-container {
-  display: flex;
 }
 
 .center-message {

src/components/GameWindow.vue

@@ -205,15 +205,6 @@ onMounted(() => {
 </template>
 
 <style scoped>
-body {
-  overflow: hidden;
-}
-
-@font-face {
-  font-family: a_OldTyper;
-  src: url('@/assets/a_OldTyper.ttf');
-}
-
 .hr {
   margin: 7px 0;
 }
@@ -424,4 +415,25 @@ body {
 .controller-metal-right {
   right: -15px;
 }
+
+.button-dialog {
+  background-color: var(--main-color);
+  font-weight: 600;
+  color: white;
+
+  padding: 6px 14px;
+  border: 1px solid #ddd;
+  border-radius: 15px;
+  font-size: 16px;
+  margin-right: 6px;
+}
+
+.button-dialog:hover {
+  background-color: var(--main-color);
+  opacity: 0.9;
+}
+
+.button-dialog:disabled {
+  opacity: 0.5;
+}
 </style>

src/components/LoginWindow.vue

@@ -71,8 +71,25 @@ onMounted(() => {
 </template>
 
 <style scoped>
+.input-custom {
+  width: 100%;
+  box-sizing: border-box; /* обязательно! */
+  margin-right: 15px;
+}
+
 .error-message {
   color: brown;
   margin: 16px 0;
 }
+
+.input-custom, .button-custom {
+  padding: 12px 16px;
+  border: 1px solid #ddd;
+  border-radius: 15px;
+  font-size: 16px;
+}
+
+.button-container {
+  display: flex;
+}
 </style>