tf2 restyle v2

src/components/TabsMenuElements/ServersView/Components/ServerFullInfo.vue

@@ -36,7 +36,7 @@
           </div>
           <hr width="30%">
           <h3 v-if="serverData['player_count'] < 1" style="text-align: center; line-height: 1em">На сервере пусто, заходи с друзьями...</h3>
-          <div>
+          <div v-else>
             <h3 style="text-align: center" class="sfi-current-player">Сейчас играет {{serverData['player_count']}}/{{serverData['max_players']}}</h3>
             <hr width="30%">
             <md-table v-model="players" md-sort="score" md-sort-order="desc" md-card md-fixed-header @md-selected="openPlayer" md-height="150px">

src/components/TabsMenuElements/VipView/Components/VipBuyDialog.vue

@@ -3,14 +3,14 @@
     <div class="md-layout md-alignment-bottom-center" style="z-index: 1">
       <div class="md-layout-item md-size-5"/>
       <div class="md-layout-item rounded-and-colored md-size-45 md-small-size-90">
-        <h3 style="text-align: center; margin: 2% 0%">VIP {{price.human_duration}}</h3>
+        <h3 class="txt-innert" style="text-align: center; margin: 2% 0%">VIP {{price.human_duration}}</h3>
       </div>
       <div class="md-layout-item rounded-and-colored-circle md-size-5 clickable" v-on:click="closeVBD()">
-        <h3 style="text-align: center; margin: 25% 0%">X</h3>
+        <h3 class="txt-innert" style="text-align: center; margin: 25% 0%">X</h3>
       </div>
     </div>
     <div class="md-layout md-alignment-bottom-center" style="margin-top: -2.5%">
-      <div class="md-layout-item md-size-50 server-info-rounded md-small-size-100">
+      <div class="md-layout-item md-size-50 server-info-rounded md-small-size-100 rounded-only">
         <div style="justify-content: center; display: flex; margin-top: 5.5%">
           <div style="max-width: 50%; float: left;">
             <img class="img-about-buy" :src="price.img_url"/>
@@ -104,7 +104,6 @@ export default {
   margin-left: auto;
   margin-right: auto;
   display: block;
-  color: #131213;
 }
 
 .img-vipextra:hover {
@@ -112,7 +111,7 @@ export default {
 }
 
 .p-vipbuy {
-  text-align: center; font-size: 2em; color: #131213
+  text-align: center; font-size: 2em;
 }
 
 .p-vipbuy-extra {
@@ -121,7 +120,6 @@ export default {
 
 .p-about-buy {
   text-align: left;
-  color: #131213;
   font-size: 1.5em;
 }
 

src/components/TabsMenuElements/VipView/VipView.vue

@@ -29,7 +29,7 @@
         <div class="md-layout md-alignment-center-center" style="margin: 2%">
           <div :class="`md-layout-item md-size-${d_size} md-small-size-${s_size}`">
             <p class="txt" v-for="gived in getVipStuff()" :key="rnd()+gived.substr(0,0)">> {{gived}}</p>
-            <p class="txt" style="color: #fd8846; text-decoration-line: underline; cursor: pointer" v-on:click="window.alert('nyk')">Подробнее...</p>
+            <p class="txt" style="color: #fd8846; text-decoration-line: underline; cursor: pointer" v-on:click="ee()">Подробнее...</p>
           </div>
         </div>
       </div>
@@ -69,6 +69,9 @@ export default {
           'Менять свой класс используя команду !class игнорируя ограничения.',
           'КД у RTD, всегда будет равное двум минутам.',
           '"Бесплатные" аньюжки, каждая на каждый сервер, на каждый класс.'];
+    },
+    ee(){
+      window.open('https://vk.com/topic-173269854_48239948');
     }
   }
 }