MAINHACK

Viewing / Editing File: 404.vue

<template>
  <div class="container-fluid">
    <div class="row no-gutter">
      
      <div class="col-md-6 d-none d-md-flex bg-image"></div>
      
      <div class="col-md-6 bg-light">
        <div class="auth-wrapper d-flex align-items-center py-5">
          
          <div class="container">
            <div class="row">
              <div class="col-lg-10 col-xl-7 mx-auto text-center">
                <h2 class="display-3">😞</h2>
                <h3 class="display-4">{{ $t('error_not_found.error_404') }}</h3>
                <h4 class="display-5">
                  {{ $t('error_not_found.error_404_title') }}
                </h4>
                <p class="text-muted mb-4">
                  {{ $t('error_not_found.error_404_msg') }}
                </p>
                <router-link v-if="user" :to="{ name: 'home' }" class="ml-auto my-auto btn btn-primary">{{
                    $t('error_not_found.back_to_dashboard')
                }}</router-link>
                <router-link v-else :to="{ name: 'login' }" class="ml-auto my-auto btn btn-primary">{{
                    $t('error_not_found.back_to_login')
                }}</router-link>
              </div>
            </div>
          </div>
          
        </div>
      </div>
      
    </div>
  </div>
</template>

computed: mapGetters({
    user: 'auth/user',
  }),
}
</script>

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: 404.vue

Server Info

System Features

User Info