mobile rulesView

src/api/GlobalApi.js

@@ -106,12 +106,12 @@ export default class GlobalApi {
 
     getRules(){
         return [
-            [{"name":"Читы", "about":"Бан навсегда сука", "image": require('@/assets/images/rules/cheats.jpg')},
-                {"name":"Реклама серверов", "about":"Кроме мге, бан навсегда сука", "image": require('@/assets/images/rules/ads.jpg')},
-                {"name":"Багоюз", "about":"Пиздец тебе, бан навсегда", "image": require('@/assets/images/rules/bug_use.jpg')}],
-            [{"name":"Абуз команды !mir", "about":"Блокировка дверей, открытие спавна и т.д", "image":require('@/assets/images/rules/abuse.jpg')},
-                {"name":"Абуз випки на сервере", "about":"Модеры сам решат как и за что", "image":require('@/assets/images/rules/abuse_vip.jpg')},
-                {"name":"Делай короче чё хочешь", "about":":troll_face:", "image":require('@/assets/images/rules/make_everyone.jpg')}]
+            {"name":"Читы", "about":"Бан навсегда сука", "image": require('@/assets/images/rules/cheats.jpg')},
+            {"name":"Реклама серверов", "about":"Кроме мге, бан навсегда сука", "image": require('@/assets/images/rules/ads.jpg')},
+            {"name":"Багоюз", "about":"Пиздец тебе, бан навсегда", "image": require('@/assets/images/rules/bug_use.jpg')},
+            {"name":"Абуз команды !mir", "about":"Блокировка дверей, открытие спавна и т.д", "image":require('@/assets/images/rules/abuse.jpg')},
+            {"name":"Абуз випки на сервере", "about":"Модеры сам решат как и за что", "image":require('@/assets/images/rules/abuse_vip.jpg')},
+            {"name":"Делай короче чё хочешь", "about":":troll_face:", "image":require('@/assets/images/rules/make_everyone.jpg')}
         ];
     }
 

src/components/TabsMenuElements/RulesView/Components/RuleCard.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :class="ifItem()">
+  <div :class="ifItem()" style="padding-right: 2.5%; padding-left: 2.5%">
     <md-card class="md-card-rule">
       <md-card-media-cover md-solid>
         <md-card-media md-ratio="1:1" class="md-card-media-rule">

src/components/TabsMenuElements/RulesView/RulesView.vue

@@ -1,27 +1,23 @@
 <template>
   <md-tab id="rulesView" md-label="Правила">
     <div class="md-layout md-alignment-bottom-center">
-      <CharacterImage :size="10" :img_src="require(`@/assets/images/characters/pootisd.png`)" :audio_src="require(`@/assets/sounds/pootis.mp3`)"/>
+      <CharacterImage :size="10" :hide_if_small="true" :img_src="require(`@/assets/images/characters/pootisd.png`)" :audio_src="require(`@/assets/sounds/pootis.mp3`)"/>
     </div>
     <div class="md-layout md-alignment-bottom-center">
-      <div class="md-layout-item md-size-40 md-alignment-bottom-center rounded-and-colored" style="z-index: 1">
-        <h3 style="text-align: center; margin: 2% 0%;">Правила (для сам маленьких)</h3>
+      <div class="md-layout-item md-size-30 md-small-size-100 md-alignment-bottom-center rounded-and-colored" style="z-index: 1">
+        <h3 style="text-align: center; margin-top: 1%; margin-bottom: 0%; line-height: 1em">Правила</h3>
+        <h5 style="text-align: center; margin: 0px">(для сам маленьких)</h5>
       </div>
     </div>
     <div class="md-layout md-alignment-bottom-center" style="margin-top: -1.5%">
-      <div class="md-layout-item md-size-60 md-alignment-bottom-center rounded-only">
+      <div class="md-layout-item md-size-60 md-small-size-100 md-alignment-bottom-center rounded-only">
         <h4 style="text-align: center">Правила на которые ты забьешь хуй</h4>
         <h4 style="text-align: center">V V V</h4>
         <hr>
         <div class="md-layout md-alignment-bottom-center">
           <div class="md-layout-item md-size-100 md-alignment-bottom-center">
             <div class="md-layout md-alignment-bottom-center md-gutter">
-              <div class="md-layout-item md-size-5"/>
-              <RuleCard v-for="item in this.rules[0]" :key="item['name']" :img_src="item['image']" :box_in_item="true" :md_size="30" :title_text="item['name']" :main_text="item['about']"/>
-              <div class="md-layout-item md-size-5"/>
-              <div class="md-layout-item md-size-5"/>
-              <RuleCard v-for="item in this.rules[1]" :key="item['name']" :img_src="item['image']" :box_in_item="true" :md_size="30" :title_text="item['name']" :main_text="item['about']"/>
-              <div class="md-layout-item md-size-5"/>
+              <RuleCard v-for="item in this.rules" :key="item['name']" :img_src="item['image']" :box_in_item="true" :md_size="30" :title_text="item['name']" :main_text="item['about']"/>
             </div>
           </div>
         </div>