style(header): login routes

Novout · Apr 25, 2023 · 4f28550 · 4f28550
1 parent 2f5e39b
commit 4f28550
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 6 deletions.
diff --git a/packages/app/src/components/page/editor/header/items/EditorBaseHeaderHelp.vue b/packages/app/src/components/page/editor/header/items/EditorBaseHeaderHelp.vue
@@ -14,10 +14,6 @@
         :text="t('editor.bar.help.doubts')"
         @action="router.push('/questions')"
       />
-      <EditorHeaderItem
-        :text="t('editor.bar.help.terms')"
-        @action="router.push('/terms-of-use')"
-      />
       <EditorHeaderItem
         v-if="env.isDev()"
         :text="t('editor.bar.help.support')"

diff --git a/...or/header/items/EditorBaseHeaderLogin.vue → ...tor/header/items/EditorBaseHeaderUser.vue b/...or/header/items/EditorBaseHeaderLogin.vue → ...tor/header/items/EditorBaseHeaderUser.vue
@@ -1,6 +1,7 @@
 <template>
   <Menu as="div" class="relative">
     <MenuButton class="flex justify-center items-center rounded-full w-8"><UseImage
+      class="rounded-full"
       :src="user?.user_metadata.avatar_url"
     >
       <template #loading>
@@ -42,7 +43,7 @@ v-motion
         delay: 0,
         duration: 300,
       },
-    }" class="absolute rounded font-raleway p-5 flex flex-col gap-5 right-0 w-44 bg-theme-background-3">
+    }" class="absolute rounded font-raleway p-4 flex flex-col gap-5 right-0 w-44 bg-theme-background-3">
       <p v-if="user?.email" class="truncate wb-text font-poppins">{{ user?.email }}</p>
       <MenuItem @click="plugin.emit('plugin-oauth-logout')">
         <button class="flex wb-icon rounded shadow px-2 justify-between items-center bg-theme-background-1">
@@ -56,6 +57,13 @@ v-motion
           <p class="font-bold">{{ t('editor.header.login.delete') }}</p>
         </button>
       </MenuItem>
+      <MenuItem>
+        <div class="wb-text w-full mt-5 text-xs flex flex-col text-center items-center justify-center">
+          <router-link to="/terms-of-use" class="font-bold cursor-pointer">{{ t('editor.bar.help.terms') }}</router-link>
+          <p>&</p>
+          <router-link to="/privacy" class="font-bold cursor-pointer">{{ t('editor.bar.help.privacy') }}</router-link>
+        </div>
+      </MenuItem>
     </MenuItems>
   </Menu>
 </template>

diff --git a/packages/app/src/components/page/editor/main/EditorBaseHeader.vue b/packages/app/src/components/page/editor/main/EditorBaseHeader.vue
@@ -26,7 +26,7 @@
         <EditorBaseHeaderHelp />
       </div>
     </div>
-    <EditorBaseHeaderLogin />
+    <EditorBaseHeaderUser />
   </header>
 </template>
 

diff --git a/packages/languages/src/en-US/editor.ts b/packages/languages/src/en-US/editor.ts
@@ -284,6 +284,7 @@ export default {
       doubts: 'Doubts',
       support: 'Suporte',
       terms: 'Terms of Use',
+      privacy: 'Privacy Policy'
     },
     generator: {
       substitutions: 'Substitutions',

diff --git a/packages/languages/src/pt-BR/editor.ts b/packages/languages/src/pt-BR/editor.ts
@@ -282,6 +282,7 @@ export default {
       doubts: 'Dúvidas',
       support: 'Suporte',
       terms: 'Termos de Uso',
+      privacy: 'Política de Privacidade'
     },
     generator: {
       substitutions: 'Substituições',