Переход на quasar

client/components/Reader/SettingsPage/SettingsPage.vue

@@ -37,6 +37,11 @@
                 <div v-if="selectedTab == 'profiles'" class="fit tab-panel">
                     @@include('./include/ProfilesTab.inc');
                 </div>
+
+                <!-- Вид ------------------------------------------------------------------------->                    
+                <div v-if="selectedTab == 'view'" class="fit tab-panel">
+                    @@include('./include/ViewTab.inc');
+                </div>
             </div>
 
         </div>
@@ -46,8 +51,6 @@
 <script>
 /*
             <el-tabs type="border-card" tab-position="left" v-model="selectedTabOld">
-                <!-- Профили --------------------------------------------------------------------->
-                @@include('./includeOld/ProfilesTabOld.inc');
 
                 <!-- Вид ------------------------------------------------------------------------->                    
                 @@include('./includeOld/ViewTabOld.inc');
@@ -474,6 +477,10 @@ selectedTabOld = null;//todo: remove
     width: 75px;
 }
 
+.label-2 {
+    width: 75px;
+}
+
 .label-1, .label-2 {
     display: flex;
     flex-direction: column;

client/components/Reader/SettingsPage/include/ProfilesTab.inc

@@ -35,6 +35,7 @@
 
     <!---------------------------------------------->
     <div class="part-header">Ключ доступа</div>
+    
     <div class="item row">
         <div class="label-1"></div>
         <div class="text col">

client/components/Reader/SettingsPage/include/ViewTab.inc

@@ -1,4 +1,13 @@
-            <el-tab-pane label="Вид">
+<div class="part-header">Цвет</div>
+
+<div class="item row">
+    <div class="label-2">Текст</div>
+    <div class="col">
+        <span style="position: relative; top: 20px;">Обои:</span>
+    </div>
+</div>
+
+            <!--el-tab-pane label="Вид">
 
                 <el-form :model="form" size="small" label-width="120px" @submit.native.prevent>
                     <div class="partHeader">Цвет</div>
@@ -9,7 +18,6 @@
                             <span class="color-picked"><b>{{ textColor }}</b></span>
                         </el-col>
                         <el-col :span="5">
-                            <span style="position: relative; top: 20px;">Обои:</span>
                         </el-col>
                     </el-form-item>
 
@@ -260,4 +268,4 @@
                         <el-input-number v-model="statusBarColorAlpha" :min="0" :max="1" :precision="2" :step="0.1" :disabled="!showStatusBar"></el-input-number>
                     </el-form-item>
                 </el-form>
-            </el-tab-pane>
+            </el-tab-pane-->