style: add app name in login view

bps-kota-bontang · Jul 24, 2024 · 24cce45 · 24cce45
1 parent 05caea1
commit 24cce45
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/src/components/sidebar/Sidebar.vue b/src/components/sidebar/Sidebar.vue
@@ -2,7 +2,7 @@
   <div shadow="never" style="border-radius: 10px; margin: 20px">
     <div style="  display: flex; align-items: center; gap:10px;  ">
       <IconBPS style="width: 48px; height: 48px;" />
-      <el-text tag="b" size="large">SAPAMITRA</el-text>
+      <el-text tag="b" size="large">{{ app }}</el-text>
     </div>
   </div>
   <el-menu style="border-right: none" :router="true" :default-active="$route.path">
@@ -16,7 +16,8 @@
         </el-icon>SPK
       </template>
       <el-menu-item index="/spk">Daftar SPK</el-menu-item>
-      <el-menu-item v-if="['ANGGOTA'].includes(user.position) || ['TU'].includes(user.team)" index="/spk/buat">Buat SPK</el-menu-item>
+      <el-menu-item v-if="['ANGGOTA'].includes(user.position) || ['TU'].includes(user.team)" index="/spk/buat">Buat
+        SPK</el-menu-item>
     </el-sub-menu>
     <el-sub-menu index="2">
       <template #title>
@@ -74,7 +75,7 @@ import {
   Setting,
 } from "@element-plus/icons-vue";
 import { useUserStore } from "@/stores/user";
-
+const app = import.meta.env.VITE_APP_TITLE;
 const user = useUserStore();
 </script>
 

diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
@@ -1,14 +1,14 @@
 <template>
   <div class="container">
     <el-card style="
-        width: 480px;
+        width: 500px;
         padding-left: 20px;
         padding-right: 20px;
         padding-top: 10px;
         padding-bottom: 5px;
         border-radius: 30px;
       ">
-      <el-text style="font-size: 22pt; font-weight: 500">Selamat Datang! 👋</el-text>
+      <el-text style="font-size: 22pt; font-weight: 500">Selamat Datang di {{ app }} 👋</el-text>
       <el-form @submit.prevent style="margin-top: 15px" :rules="rules" ref="formRef" v-loading="loading" :model="form"
         label-width="auto" label-position="top">
         <el-form-item label="Email" required prop="email">
@@ -44,6 +44,8 @@ import type { FormInstance, FormRules } from "element-plus";
 import { useAuthStore } from "@/stores/auth";
 import { ElNotification } from "element-plus";
 
+const app = import.meta.env.VITE_APP_TITLE;
+
 const initialState = {
   email: "",
   password: "",