edit layout default for gasts

webapp/layouts/default.vue

@@ -20,7 +20,7 @@
               :width="{ base: '85%', sm: '85%', md: '50%', lg: '50%' }"
               :class="{ 'hide-mobile-menu': !toggleMobileMenu }"
             >
-              <div id="nav-search-box">
+              <div id="nav-search-box" v-if="isLoggedIn">
                 <search-input
                   id="nav-search"
                   :delay="300"
@@ -33,6 +33,7 @@
               </div>
             </ds-flex-item>
             <ds-flex-item
+              v-if="isLoggedIn"
               :width="{ base: '15%', sm: '15%', md: '10%', lg: '10%' }"
               :class="{ 'hide-mobile-menu': !toggleMobileMenu }"
             >
@@ -56,6 +57,13 @@
                 <no-ssr>
                   <locale-switch class="topbar-locale-switch" placement="top" offset="8" />
                 </no-ssr>
+                <template v-if="!isLoggedIn">
+                  <div class="avatar-menu-popover" style="margin-left:20px">
+                    <nuxt-link class="login-link" :to="{ name: 'login' }">
+                      {{ $t('login.login') }}
+                    </nuxt-link>
+                  </div>
+                </template>
                 <template v-if="isLoggedIn">
                   <no-ssr>
                     <notification-menu placement="top" />
@@ -125,11 +133,11 @@
       &nbsp;-&nbsp;
       <nuxt-link to="/imprint">{{ $t('site.imprint') }}</nuxt-link>
       &nbsp;‑&nbsp;
-      <nuxt-link to="/terms-and-conditions">{{ $t('site.termsAc') }}</nuxt-link>
+      <nuxt-link to="/terms-and-conditions">{{ $t('site.termsAndConditions') }}</nuxt-link>
       &nbsp;‑&nbsp;
       <nuxt-link to="/code-of-conduct">{{ $t('site.code-of-conduct') }}</nuxt-link>
       &nbsp;‑&nbsp;
-      <nuxt-link to="/privacy">{{ $t('site.privacy') }}</nuxt-link>
+      <nuxt-link to="/data-privacy">{{ $t('site.data-privacy') }}</nuxt-link>
       &nbsp;‑&nbsp;
       <nuxt-link to="/changelog">{{ $t('site.changelog') }}</nuxt-link>
     </div>
@@ -151,7 +159,6 @@ import HcAvatar from '~/components/Avatar/Avatar.vue'
 import seo from '~/mixins/seo'
 import FilterPosts from '~/components/FilterPosts/FilterPosts.vue'
 import CategoryQuery from '~/graphql/CategoryQuery.js'
-
 export default {
   components: {
     Dropdown,
@@ -268,47 +275,38 @@ export default {
   align-self: center;
   display: inline-flex;
 }
-
 .main-container {
   padding-top: 6rem;
   padding-bottom: 5rem;
 }
-
 .main-navigation {
   a {
     color: $text-color-soft;
   }
 }
-
 .main-navigation-right {
   display: flex;
   flex: 1;
 }
-
 .main-navigation-right .desktop-view {
   float: right;
 }
-
 .avatar-menu {
   margin: 2px 0px 0px 5px;
 }
-
 .avatar-menu-trigger {
   user-select: none;
   display: flex;
   align-items: center;
   padding-left: $space-xx-small;
 }
-
 .avatar-menu-popover {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
-
   hr {
     color: $color-neutral-90;
     background-color: $color-neutral-90;
   }
-
   .logout-link {
     margin-left: -$space-small;
     margin-right: -$space-small;
@@ -317,43 +315,35 @@ export default {
     padding: $space-x-small $space-small;
     // subtract menu border with from padding
     padding-left: $space-small - 2;
-
     color: $text-color-base;
-
     &:hover {
       color: $text-color-link-active;
     }
   }
-
   nav {
     margin-left: -$space-small;
     margin-right: -$space-small;
     margin-top: -$space-xx-small;
     margin-bottom: -$space-xx-small;
-
     a {
       padding-left: 12px;
     }
   }
 }
-
 @media only screen and (min-width: 960px) {
   .mobile-hamburger-menu {
     display: none;
   }
 }
-
 @media only screen and (max-width: 960px) {
   #nav-search-box,
   .main-navigation-right {
     margin: 10px 0px;
   }
-
   .hide-mobile-menu {
     display: none;
   }
 }
-
 .ds-footer {
   text-align: center;
   position: fixed;

webapp/pages/login.vue

@@ -23,9 +23,7 @@
           </ds-flex-item>
           <ds-flex-item :width="{ base: '100%', sm: '50%' }" centered>
             <ds-space margin="small">
-              <ds-text size="small">
-                {{ $t('login.copy') }}
-              </ds-text>
+              <ds-text size="small">{{ $t('login.copy') }}</ds-text>
             </ds-space>
             <form :disabled="pending" @submit.prevent="onSubmit">
               <ds-input
@@ -46,9 +44,7 @@
                 type="password"
               />
               <ds-space class="password-reset-link" margin-bottom="large">
-                <nuxt-link to="/password-reset/request">
-                  {{ $t('login.forgotPassword') }}
-                </nuxt-link>
+                <nuxt-link to="/password-reset/request">{{ $t('login.forgotPassword') }}</nuxt-link>
               </ds-space>
               <ds-button
                 :loading="pending"
@@ -84,7 +80,7 @@ export default {
   components: {
     LocaleSwitch,
   },
-  layout: 'blank',
+  layout: 'default',
   data() {
     return {
       ready: false,

webapp/pages/logout.vue

@@ -6,9 +6,7 @@
           <img style="width: 200px;" src="/img/sign-up/onourjourney.png" alt="Human Connection" />
         </ds-space>
         <ds-space style="text-align: center;" margin-top="small" margin-bottom="xxx-small" centered>
-          <ds-heading tag="h3" soft>
-            Logging out...
-          </ds-heading>
+          <ds-heading tag="h3" soft>Logging out...</ds-heading>
         </ds-space>
       </ds-flex-item>
     </ds-flex>
@@ -17,7 +15,7 @@
 
 <script>
 export default {
-  layout: 'blank',
+  layout: 'default',
   async beforeCreate() {
     await this.$store.dispatch('auth/logout')
     this.$router.replace('/')