Delete main-container, add global scroll to pages, add global style for logs.

3 files changed, 85 insertions, 97 deletions

diff --git a/src/views/SystemDescription/Info/SystemDescription.vue b/src/views/SystemDescription/Info/SystemDescription.vue
index b5cde965..0a2bb305 100644
--- a/src/views/SystemDescription/Info/SystemDescription.vue
+++ b/src/views/SystemDescription/Info/SystemDescription.vue
@@ -5,63 +5,55 @@
   >
     <page-title />
     <!-- System table -->
-    <div class="main-container">
-      <table-system />
-      <!-- Notes Administration -->
-      <section class="notes-section">
-        <div class="semi-bold-12px textarea-description">
-          <span>{{ $t('SystemDescription.title.Notes') }}</span>
+    <table-system />
+    <!-- Notes Administration -->
+    <section class="notes-section">
+      <div class="semi-bold-12px textarea-description">
+        <span>{{ $t('SystemDescription.title.Notes') }}</span>
+      </div>
+      <div class="textarea-container">
+        <div class="buttons-container">
+          <button class="notes-button">
+            <img src="@/assets/images/textarea-buttons/button-icon-bold.svg" />
+          </button>
+          <button class="notes-button">
+            <img
+              src="@/assets/images/textarea-buttons/button-icon-cursive.svg"
+            />
+          </button>
+          <button class="notes-button">
+            <img
+              src="@/assets/images/textarea-buttons/button-icon-underline.svg"
+            />
+          </button>
+          <button class="notes-button">
+            <img
+              src="@/assets/images/textarea-buttons/button-icon-crossline.svg"
+            />
+          </button>
+          <button class="notes-button">
+            <img src="@/assets/images/textarea-buttons/button-icon-link.svg" />
+          </button>
+          <div class="line"></div>
+          <button class="notes-button">
+            <img src="@/assets/images/textarea-buttons/button-icon-list.svg" />
+          </button>
+          <button class="notes-button">
+            <img
+              src="@/assets/images/textarea-buttons/button-icon-number-list.svg"
+            />
+          </button>
         </div>
-        <div class="textarea-container">
-          <div class="buttons-container">
-            <button class="notes-button">
-              <img
-                src="@/assets/images/textarea-buttons/button-icon-bold.svg"
-              />
-            </button>
-            <button class="notes-button">
-              <img
-                src="@/assets/images/textarea-buttons/button-icon-cursive.svg"
-              />
-            </button>
-            <button class="notes-button">
-              <img
-                src="@/assets/images/textarea-buttons/button-icon-underline.svg"
-              />
-            </button>
-            <button class="notes-button">
-              <img
-                src="@/assets/images/textarea-buttons/button-icon-crossline.svg"
-              />
-            </button>
-            <button class="notes-button">
-              <img
-                src="@/assets/images/textarea-buttons/button-icon-link.svg"
-              />
-            </button>
-            <div class="line"></div>
-            <button class="notes-button">
-              <img
-                src="@/assets/images/textarea-buttons/button-icon-list.svg"
-              />
-            </button>
-            <button class="notes-button">
-              <img
-                src="@/assets/images/textarea-buttons/button-icon-number-list.svg"
-              />
-            </button>
-          </div>
-          <textarea
-            id=""
-            name="area"
-            placeholder="Тут будет текст который ввел администратор и работать в качестве блокнота"
-            cols="30"
-            rows="10"
-            class="notes-textarea"
-          ></textarea>
-        </div>
-      </section>
-    </div>
+        <textarea
+          id=""
+          name="area"
+          placeholder="Тут будет текст который ввел администратор и работать в качестве блокнота"
+          cols="30"
+          rows="10"
+          class="notes-textarea"
+        ></textarea>
+      </div>
+    </section>
   </b-container>
 </template>
 
diff --git a/src/views/SystemDescription/Network/SystemNetwork.vue b/src/views/SystemDescription/Network/SystemNetwork.vue
index 17b48794..72d9e994 100644
--- a/src/views/SystemDescription/Network/SystemNetwork.vue
+++ b/src/views/SystemDescription/Network/SystemNetwork.vue
@@ -5,44 +5,42 @@
   >
     <page-title />
     <!-- IPv4 -->
-    <div class="main-container">
-      <div class="page-collapse-decorator">
-        <b-button
-          v-b-toggle.toggle-collapse_1
-          variant="link"
-          class="collapse-button semi-bold-16px"
-          @click="ipv4Handler"
-        >
-          {{ $t('SystemDescription.title.Ipv4Settings') }}
-          <b-form-checkbox
-            id="checkbox-1"
-            v-model="ipv4"
-            @click.native.prevent
-          ></b-form-checkbox>
-        </b-button>
-        <b-collapse id="toggle-collapse_1" class="nav-item__nav">
-          <i-pv4-settings ref="system" />
-        </b-collapse>
-      </div>
-      <!-- IPv6 -->
-      <div class="page-collapse-decorator">
-        <b-button
-          v-b-toggle.toggle-collapse_2
-          variant="link"
-          class="collapse-button semi-bold-16px"
-          @click="ipv6Handler"
-        >
-          {{ $t('SystemDescription.title.Ipv6Settings') }}
-          <b-form-checkbox
-            id="checkbox-2"
-            v-model="ipv6"
-            @click.native.prevent
-          ></b-form-checkbox>
-        </b-button>
-        <b-collapse id="toggle-collapse_2" class="nav-item__nav">
-          <i-pv6-settings ref="system" />
-        </b-collapse>
-      </div>
+    <div class="page-collapse-decorator">
+      <b-button
+        v-b-toggle.toggle-collapse_1
+        variant="link"
+        class="collapse-button semi-bold-16px"
+        @click="ipv4Handler"
+      >
+        {{ $t('SystemDescription.title.Ipv4Settings') }}
+        <b-form-checkbox
+          id="checkbox-1"
+          v-model="ipv4"
+          @click.native.prevent
+        ></b-form-checkbox>
+      </b-button>
+      <b-collapse id="toggle-collapse_1" class="nav-item__nav">
+        <i-pv4-settings ref="system" />
+      </b-collapse>
+    </div>
+    <!-- IPv6 -->
+    <div class="page-collapse-decorator">
+      <b-button
+        v-b-toggle.toggle-collapse_2
+        variant="link"
+        class="collapse-button semi-bold-16px"
+        @click="ipv6Handler"
+      >
+        {{ $t('SystemDescription.title.Ipv6Settings') }}
+        <b-form-checkbox
+          id="checkbox-2"
+          v-model="ipv6"
+          @click.native.prevent
+        ></b-form-checkbox>
+      </b-button>
+      <b-collapse id="toggle-collapse_2" class="nav-item__nav">
+        <i-pv6-settings ref="system" />
+      </b-collapse>
     </div>
   </b-container>
 </template>
diff --git a/src/views/SystemDescription/ServerParametrs/ServerParametrs.vue b/src/views/SystemDescription/ServerParametrs/ServerParametrs.vue
index bbc461eb..413b9ae8 100644
--- a/src/views/SystemDescription/ServerParametrs/ServerParametrs.vue
+++ b/src/views/SystemDescription/ServerParametrs/ServerParametrs.vue
@@ -4,9 +4,7 @@
     fluid="xxl pt-0 m-0"
   >
     <page-title />
-    <div class="main-container">
-      <servere-parametrs-section />
-    </div>
+    <servere-parametrs-section />
   </b-container>
 </template>