discord auth bad version 2

src/components/Others/Auth/AuthWindow.vue

@@ -1,29 +1,37 @@
 <template>
   <md-dialog :md-active.sync="showAuthDialog">
-    <div style="justify-content: center; display: flex; max-width: 80%; margin-left: 10%; padding-top: 5%" class="rounded-only">
-      <div style="max-width: 40%; float: left;" v-if="this.$API.player.auth('steam')" v-on:click="moveTo('logout', 'steam')" class="clickable">
-        <SteamSvg class="img-server"/>
-        <p class="p-auth" style="margin-bottom: -5%">Выйти</p>
-        <p class="p-auth-logout">{{this.$API.player.store.steam_data['nickname']}}</p>
-      </div>
-      <div style="max-width: 40%; float: left;" v-else v-on:click="moveTo('login', 'steam')" class="clickable">
-        <SteamSvg class="img-server"/>
-        <p class="p-auth" style="margin-bottom: -5%">Войти через Steam</p>
-        <p class="p-auth-logout">(жми на иконку)</p>
-      </div>
-      <!-- -------------------------------------------------------------------- -->
-      <div style="max-width: 40%; float: left;" v-if="this.$API.player.auth('discord')" v-on:click="moveTo('logout', 'discord')" class="clickable">
-        <DiscordSvg class="img-server"/>
-        <p class="p-auth" style="margin-bottom: -5%">Выйти</p>
-        <p class="p-auth-logout">{{this.$API.player.discord!==null?this.$API.player.discord.username:''}}</p>
-      </div>
-      <div style="max-width: 40%; float: left;" v-else v-on:click="moveTo('login', 'discord')" class="clickable">
-        <DiscordSvg class="img-server"/>
-        <p class="p-auth" style="margin-bottom: -5%">Войти через Discord</p>
-        <p class="p-auth-logout">если хочешь на наш дискорд сервер, а так не надо</p>
+    <div class="md-layout md-alignment-bottom-center">
+      <div class="md-layout-item md-size-70 md-small-size-100 md-alignment-bottom-center rounded-only">
+        <div class="md-layout md-alignment-center-center" style="padding-top: 5%">
+          <div v-if="this.$API.player.auth('steam')" v-on:click="moveTo('logout', 'steam')" class="clickable md-layout-item md-size-40">
+            <SteamSvg class="img-server"/>
+            <p class="p-auth" style="margin-bottom: -5%">Выйти</p>
+            <p class="p-auth-logout">{{this.$API.player.store.steam_data['nickname']}}</p>
+          </div>
+          <div v-else v-on:click="moveTo('login', 'steam')" class="clickable md-layout-item md-size-40">
+            <SteamSvg class="img-server"/>
+            <p class="p-auth" style="margin-bottom: -5%">Войти через Steam</p>
+            <p class="p-auth-logout">(жми на иконку)</p>
+          </div>
+          <!-- -------------------------------------------------------------------- -->
+          <div v-if="this.$API.player.auth('discord')" v-on:click="moveTo('logout', 'discord')" class="clickable md-layout-item md-size-40">
+            <DiscordSvg class="img-server"/>
+            <p class="p-auth" style="margin-bottom: -5%">Выйти</p>
+            <p class="p-auth-logout">{{this.$API.player.discord!==null?this.$API.player.discord.username:''}}</p>
+          </div>
+          <div v-else v-on:click="moveTo('login', 'discord')" class="clickable md-layout-item md-size-40">
+            <DiscordSvg class="img-server"/>
+            <p class="p-auth" style="margin-bottom: -5%">Войти через Discord</p>
+            <p class="p-auth-logout">если хочешь на наш дискорд сервер, а так не надо</p>
+          </div>
+        </div>
+        <div class="md-layout md-alignment-bottom-center">
+          <div class="clickable md-layout-item md-size-15">
+            <md-button class="md-right" style="color: #fdfde1; font-family: tf2build; background: #000000;" v-on:click="closeAW()">Не хочу</md-button>
+          </div>
+        </div>
       </div>
     </div>
-    <h5 style="text-align: center; cursor: pointer" class="rounded-and-colored" v-on:click="closeAW()">Не хочу</h5>
   </md-dialog>
 </template>
 

src/components/Others/Auth/DiscordWindow.vue

@@ -1,7 +1,7 @@
 <template>
   <md-dialog :md-active.sync="showDiscordWindow" @close="showDiscordWindow=false">
     <div class="md-layout md-alignment-bottom-center">
-      <div class="md-layout-item md-size-70 md-small-size-100 md-alignment-bottom-center rounded-only">
+      <div class="md-layout-item md-size-70 md-small-size-100 md-alignment-bottom-center rounded-only" style="background-color: #5788f1;">
         <md-steppers :md-active-step.sync="currentMove" md-linear>
           <md-step id="steamAuth" md-label="Steam" :md-done.sync="steamAuth">
             <p>Заранее извиняемся за данную жопу боль, но чтоб предостеречь рейды на сервер дискорда и залет мимоходов, мы сделали авторизацию. Не пройдя ее и зайдя на наш сервер дискорда тебе можно будет лишь читать канал с аннонсами. Так что быстро ты давай пальчик в попу себе вставляй.</p>
@@ -40,6 +40,7 @@
             </div>
           </md-step>
         </md-steppers>
+        <md-button style="color: #000000; font-family: tf2build; background: #edffe9" v-on:click="closeDW()">Я передумал</md-button>
       </div>
     </div>
   </md-dialog>