clear

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>