Translation

src/scripts/App.vue

@@ -38,14 +38,21 @@
   </div>
   </div>
 </nav>
-  <left-dict :data="trData"></left-dict> 
-  <translation-content></translation-content>
+<div class=" flex flex-row bg-green-100 ">
+  <div id="mobile-menu-2" class="bg-white flex flex-col w-full px-4 border-b lg:border-r lg:h-screen lg:w-64">
+    <left-dict :data="trData"></left-dict>
+  </div>
+  <div class=" flex flex-col w-full px-4" >
+      <translation-content :data="termsData"> </translation-content>
+  </div>
+</div>
 </template>
 
 <script setup>
 import vueTabz from './components/vue-tabz.vue'
 import logoUrl from './assets/logo.png'
 import trData from './components/Translations'
+import termsData from './components/Terms'
 import LeftDict from './components/LeftDict.vue'
 import SearchForm from './components/SearchForm.vue'
 import TranslationContent from './components/Translation.vue'