ソースを参照

主导航页面添加logo

画安 2 週間 前
コミット
3ddd675e7e
共有1 個のファイルを変更した15 個の追加0 個の削除を含む
  1. 15 0
      src/layouts/LoginLayout.vue

+ 15 - 0
src/layouts/LoginLayout.vue

@@ -1,6 +1,9 @@
 <template>
     <div class="fluid-dashboard">
         <div class="frame-top">
+            <div class="top-logo">
+                <img :src="brand.logo" />
+            </div>
             <div class="title glow-text" :data-text="brand.title">{{ brand.title }}</div>
             <div class="top-right-actions">
                 <FullscreenToggle />
@@ -84,6 +87,18 @@ export default {
     background-size: 100% 100%;
 }
 
+.top-logo {
+    position: absolute;
+    top: 10px;
+    left: 100px;
+    height: 30px;
+}
+.top-logo img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+}
+
 .top-right-actions {
     position: absolute;
     top: 2px;