manager/orion-visor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🎨 添加 logo.

Browse Source
This commit is contained in:
lijiahang
2024-02-26 15:12:51 +08:00
parent 4a3acab23d
commit b268db556f
11 changed files with 44 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
orion-ops-ui/components.d.ts vendored
View File

@@ -3,7 +3,7 @@
// @ts-nocheck // @ts-nocheck
// Generated by unplugin-vue-components // Generated by unplugin-vue-components
// Read more: https://github.com/vuejs/core/pull/3399 // Read more: https://github.com/vuejs/core/pull/3399
import '@vue/runtime-core' import '@vue/runtime-core';
export {} export {}

2
orion-ops-ui/index.html
View File

@@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="shortcut icon" type="image/x-icon" href="https://unpkg.byted-static.com/latest/byted/arco-config/assets/favicon.ico"> <link rel="shortcut icon" type="image/x-icon" href="/src/assets/images/logo.svg?url">
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Orion Ops Pro</title> <title>Orion Ops Pro</title>
</head> </head>

17
orion-ops-ui/src/assets/images/logo.svg Normal file
View File

@@ -0,0 +1,17 @@
<svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<defs>
<style>.cls-1{fill:url(#未命名的渐变_4);}.cls-2{fill:url(#未命名的渐变_6);}</style>
<linearGradient id="未命名的渐变_4" x1="0.32" y1="15.03" x2="20.16" y2="15.03" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#23b6b6"/>
<stop offset="1" stop-color="#189c98"/>
</linearGradient>
<linearGradient id="未命名的渐变_6" x1="11.84" y1="16.97" x2="31.68" y2="16.97" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#08589b"/>
<stop offset="1" stop-color="#2167b2"/>
</linearGradient>
</defs>
<path class="cls-1"
d="M20,17.37a1.56,1.56,0,0,0-2.13-.65l-7.56,4.07A4.65,4.65,0,0,1,4,18.91H4a4.65,4.65,0,0,1,1.88-6.3L13.6,8.44a1.56,1.56,0,0,0,.64-2.1h0a1.56,1.56,0,0,0-2.13-.65l-8,4.3a7.24,7.24,0,0,0-2.94,9.82l.51.94a7.24,7.24,0,0,0,9.82,2.94l7.81-4.22a1.56,1.56,0,0,0,.65-2.1Z"/>
<path class="cls-2"
d="M12,14.63a1.56,1.56,0,0,0,2.13.65l7.56-4.07A4.65,4.65,0,0,1,28,13.09h0a4.65,4.65,0,0,1-1.88,6.3L18.4,23.56a1.56,1.56,0,0,0-.64,2.1h0a1.56,1.56,0,0,0,2.13.65l8-4.3a7.24,7.24,0,0,0,2.94-9.82l-.51-.94a7.24,7.24,0,0,0-9.82-2.94l-7.81,4.22a1.56,1.56,0,0,0-.65,2.1Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
orion-ops-ui/src/assets/images/logo_134.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

BIN
orion-ops-ui/src/assets/images/logo_150.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.6 KiB

BIN
orion-ops-ui/src/assets/images/logo_200.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.1 KiB

BIN
orion-ops-ui/src/assets/images/logo_32.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

11
orion-ops-ui/src/components/app/navbar/index.vue
View File

@@ -3,11 +3,11 @@
<!-- 左侧按钮 --> <!-- 左侧按钮 -->
<div class="left-side"> <div class="left-side">
<a-space> <a-space>
<!-- FIXME -->
<!-- LOGO --> <!-- LOGO -->
<img alt="logo" <img class="left-side-logo"
alt="logo"
draggable="false" draggable="false"
src="//p3-armor.byteimg.com/tos-cn-i-49unhts6dw/dfdba5317c0c20ce20e64fac803d52bc.svg~tplv-49unhts6dw-image.image" /> src="@/assets/images/logo.svg?url" />
<!-- 标头 --> <!-- 标头 -->
<a-typography-title :heading="5" <a-typography-title :heading="5"
:style="{ margin: 0, fontSize: '18px', height: '1.4em', overflow: 'hidden' }"> :style="{ margin: 0, fontSize: '18px', height: '1.4em', overflow: 'hidden' }">
@@ -322,6 +322,11 @@
display: flex; display: flex;
align-items: center; align-items: center;
padding-left: 20px; padding-left: 20px;
&-logo {
width: 32px;
height: 32px;
}
} }
.center-side { .center-side {

2
orion-ops-ui/src/locale/zh-CN.ts
View File

@@ -1,8 +1,6 @@
import localeLogin from '@/views/authentication/login/locale/zh-CN'; import localeLogin from '@/views/authentication/login/locale/zh-CN';
import localeWorkplace from '@/views/dashboard/workplace/locale/zh-CN';
export default { export default {
'navbar.action.locale': '切换为中文', 'navbar.action.locale': '切换为中文',
...localeLogin, ...localeLogin,
...localeWorkplace,
}; };

14
orion-ops-ui/src/views/authentication/login/index.vue
View File

@@ -2,8 +2,9 @@
<div class="container"> <div class="container">
<!-- 顶部 logo --> <!-- 顶部 logo -->
<div class="logo"> <div class="logo">
<img alt="logo" <img class="logo-img"
src="//p3-armor.byteimg.com/tos-cn-i-49unhts6dw/dfdba5317c0c20ce20e64fac803d52bc.svg~tplv-49unhts6dw-image.image" /> alt="logo"
src="@/assets/images/logo.svg?url" />
<div class="logo-text">Orion Ops Pro</div> <div class="logo-text">Orion Ops Pro</div>
</div> </div>
<!-- 左侧 banner --> <!-- 左侧 banner -->
@@ -23,11 +24,11 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { Notification } from '@arco-design/web-vue';
import { reLoginTipsKey } from '@/types/symbol';
import Footer from '@/components/app/footer/index.vue'; import Footer from '@/components/app/footer/index.vue';
import LoginBanner from './components/banner.vue'; import LoginBanner from './components/banner.vue';
import LoginForm from './components/login-form.vue'; import LoginForm from './components/login-form.vue';
import { Notification } from '@arco-design/web-vue';
import { reLoginTipsKey } from '@/types/symbol';
// 登录提示 // 登录提示
const tips = window.sessionStorage.getItem(reLoginTipsKey); const tips = window.sessionStorage.getItem(reLoginTipsKey);
@@ -76,6 +77,11 @@
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
&-img {
width: 32px;
height: 32px;
}
&-text { &-text {
margin-right: 4px; margin-right: 4px;
margin-left: 4px; margin-left: 4px;

16
orion-ops-ui/src/views/host/terminal/components/layout/layout-header.vue
View File

@@ -1,12 +1,11 @@
<template> <template>
<div class="terminal-header"> <div class="terminal-header">
<!-- 左侧 logo --> <!-- 左侧 logo -->
<!-- FIXME -->
<div class="terminal-header-left"> <div class="terminal-header-left">
<img alt="logo" <img alt="logo"
class="terminal-header-logo-img" class="terminal-header-logo"
draggable="false" draggable="false"
src="//p3-armor.byteimg.com/tos-cn-i-49unhts6dw/dfdba5317c0c20ce20e64fac803d52bc.svg~tplv-49unhts6dw-image.image" /> src="@/assets/images/logo.svg?url" />
<h5 class="terminal-header-logo-text">Orion Ops Pro</h5> <h5 class="terminal-header-logo-text">Orion Ops Pro</h5>
</div> </div>
<!-- 左侧 tabs --> <!-- 左侧 tabs -->
@@ -54,7 +53,6 @@
import { computed } from 'vue'; import { computed } from 'vue';
import { useTerminalStore } from '@/store'; import { useTerminalStore } from '@/store';
import IconActions from '../layout/icon-actions.vue'; import IconActions from '../layout/icon-actions.vue';
import DictKeySelector from '@/components/system/dict-key/dict-key-selector.vue';
const { isFullscreen, toggle: toggleFullScreen } = useFullscreen(); const { isFullscreen, toggle: toggleFullScreen } = useFullscreen();
const { tabManager } = useTerminalStore(); const { tabManager } = useTerminalStore();
@@ -71,7 +69,7 @@
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
@logo-width: 168px; @logo-width: 176px;
.terminal-header { .terminal-header {
height: 100%; height: 100%;
@@ -80,16 +78,16 @@
user-select: none; user-select: none;
&-left { &-left {
padding-left: 6px;
width: @logo-width; width: @logo-width;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-start; justify-content: flex-start;
} }
&-logo-img { &-logo {
padding-left: 6px; width: 32px;
width: 36px; height: 32px;
height: 36px;
} }
&-logo-text { &-logo-text {