feat: update the system logo and banner (#100)

fastapi-practices · Nov 30, 2024 · 70acc93 · 70acc93
1 parent ca76acb
commit 70acc93
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 29 deletions.
diff --git a/src/assets/images/login-banner.png b/src/assets/images/login-banner.png
diff --git a/src/assets/logo.svg b/src/assets/logo.svg
diff --git a/src/components/footer/index.vue b/src/components/footer/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <a-layout-footer class="footer">FBA</a-layout-footer>
+  <a-layout-footer class="footer">FastAPI Best Architecture</a-layout-footer>
 </template>
 
 <script lang="ts" setup></script>

diff --git a/src/components/navbar/index.vue b/src/components/navbar/index.vue
@@ -2,15 +2,12 @@
   <div class="navbar">
     <div class="left-side">
       <a-space>
-        <img
-          alt="logo"
-          src="//p3-armor.byteimg.com/tos-cn-i-49unhts6dw/dfdba5317c0c20ce20e64fac803d52bc.svg~tplv-49unhts6dw-image.image"
-        />
+        <logImage />
         <a-typography-title
           :heading="5"
           :style="{ margin: 0, fontSize: '18px' }"
         >
-          Arco Pro
+          FBA
         </a-typography-title>
         <icon-menu-fold
           v-if="!topMenu && appStore.device === 'mobile'"
@@ -165,6 +162,7 @@
   import useLocale from '@/hooks/locale';
   import useUser from '@/hooks/user';
   import Menu from '@/components/menu/index.vue';
+  import logImage from '@/assets/logo.svg';
 
   const appStore = useAppStore();
   const userStore = useUserStore();

diff --git a/src/views/login/components/banner.vue b/src/views/login/components/banner.vue
@@ -65,7 +65,7 @@
     }
 
     &-title {
-      color: var(--color-fill-1);
+      color: var(--color-text-3);
       font-weight: 500;
       font-size: 20px;
       line-height: 28px;

diff --git a/src/views/login/index.vue b/src/views/login/index.vue
@@ -1,11 +1,8 @@
 <template>
   <div class="container">
     <div class="logo">
-      <img
-        alt="logo"
-        src="//p3-armor.byteimg.com/tos-cn-i-49unhts6dw/dfdba5317c0c20ce20e64fac803d52bc.svg~tplv-49unhts6dw-image.image"
-      />
-      <div class="logo-text">Arco Design Pro</div>
+      <logImage />
+      <div class="logo-text">FBA</div>
     </div>
     <LoginBanner />
     <div class="content">
@@ -23,6 +20,7 @@
   import Footer from '@/components/footer/index.vue';
   import { Notification } from '@arco-design/web-vue';
   import { h } from 'vue';
+  import logImage from '@/assets/logo.svg';
   import LoginBanner from './components/banner.vue';
   import LoginForm from './components/login-form.vue';
 
@@ -101,7 +99,7 @@
     &-text {
       margin-right: 4px;
       margin-left: 4px;
-      color: var(--color-fill-1);
+      color: var(--color-text-3);
       font-size: 20px;
     }
   }