Mxmilu666/frp
1
1
Fork 1
mirror of https://github.com/fatedier/frp.git synced 2026-04-14 04:59:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

web/frpc: redesign dashboard (#5145)

Browse Source
This commit is contained in:
fatedier
2026-01-31 12:43:31 +08:00
committed by GitHub
parent 266c492b5d
commit 886c9c2fdb
17 changed files with 1540 additions and 441 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web/frps/components.d.ts vendored
View File

@@ -11,13 +11,7 @@ declare module 'vue' {
ElButton: typeof import('element-plus/es')['ElButton']
ElCard: typeof import('element-plus/es')['ElCard']
ElCol: typeof import('element-plus/es')['ElCol']
ElDescriptions: typeof import('element-plus/es')['ElDescriptions']
ElDescriptionsItem: typeof import('element-plus/es')['ElDescriptionsItem']
ElDialog: typeof import('element-plus/es')['ElDialog']
ElDivider: typeof import('element-plus/es')['ElDivider']
ElEmpty: typeof import('element-plus/es')['ElEmpty']
ElForm: typeof import('element-plus/es')['ElForm']
ElFormItem: typeof import('element-plus/es')['ElFormItem']
ElIcon: typeof import('element-plus/es')['ElIcon']
ElInput: typeof import('element-plus/es')['ElInput']
ElOption: typeof import('element-plus/es')['ElOption']
@@ -26,7 +20,6 @@ declare module 'vue' {
ElSelect: typeof import('element-plus/es')['ElSelect']
ElSwitch: typeof import('element-plus/es')['ElSwitch']
ElTag: typeof import('element-plus/es')['ElTag']
ElText: typeof import('element-plus/es')['ElText']
ElTooltip: typeof import('element-plus/es')['ElTooltip']
ProxyCard: typeof import('./src/components/ProxyCard.vue')['default']
RouterLink: typeof import('vue-router')['RouterLink']

12
web/frps/src/App.vue
View File

@@ -9,6 +9,7 @@
</div>
<span class="divider">/</span>
<span class="brand-name">frp</span>
<span class="badge server-badge">Server</span>
<span class="badge" v-if="currentRouteName">{{
currentRouteName
}}</span>
@@ -170,6 +171,17 @@ body {
border: 1px solid var(--header-border);
}
.badge.server-badge {
background: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);
color: white;
border: none;
font-weight: 500;
}
html.dark .badge.server-badge {
background: linear-gradient(135deg, #60a5fa 0%, #22d3ee 100%);
}
.header-controls {
display: flex;
align-items: center;