Tianpao/ETMC.Web
1
0
Fork 0
mirror of https://github.com/EasyTierMC/ETMC.Web.git synced 2025-12-07 13:05:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore:use new theme and change the page size

Browse Source
This commit is contained in:
Tianpao
2025-11-23 19:52:47 +08:00
parent 0aea752660
commit 76d8a02f78
2 changed files with 76 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
src/assets/base.css
View File

@@ -1,8 +1,81 @@
@import "tailwindcss";
@plugin "daisyui" {
themes: cmyk --default,business --prefersdark;
themes: light --default,dark --prefersdark;
}
@plugin "daisyui/theme" {
name: "light";
default: true;
prefersdark: false;
color-scheme: "light";
--color-base-100: oklch(0.9782 0.0034 247.86);
--color-base-200: oklch(0.9782 0.0034 247.86);
--color-base-300: oklch(1 0 0);
--color-base-content: oklch(0.135 0.0111 254.04);
--color-primary: oklch(0.7967 0.1103 178.33);
--color-primary-content: oklch(0.0757 0.1103 178.33);
--color-secondary: oklch(0.7967 0.1103 62.49);
--color-secondary-content: oklch(0.0757 0.1103 62.49);
--color-accent: oklch(0.7967 0.1103 337.03);
--color-accent-content: oklch(0.0757 0.1103 337.03);
--color-neutral: oklch(14% 0.005 285.823);
--color-neutral-content: oklch(92% 0.004 286.32);
--color-info: oklch(0.701 0.201 255.48);
--color-info-content: oklch(25% 0.09 281.288);
--color-success: oklch(0.7701 0.1809 145.62);
--color-success-content: oklch(26% 0.051 172.552);
--color-warning: oklch(0.848 0.1394 72.63);
--color-warning-content: oklch(27% 0.077 45.635);
--color-error: oklch(0.7145 0.2234 26.79);
--color-error-content: oklch(25% 0.092 26.042);
--radius-selector: 0.5rem;
--radius-field: 0.25rem;
--radius-box: 0.5rem;
--size-selector: 0.25rem;
--size-field: 0.25rem;
--border: 1px;
--depth: 1;
--noise: 0;
}
@plugin "daisyui/theme" {
name: "dark";
default: false;
prefersdark: true;
color-scheme: "dark";
--color-base-100: oklch(0.2735 0.0179 251.92);
--color-base-200: oklch(0.1763 0.014 258.36);
--color-base-300: oklch(0.1039 0.0194 248.35);
--color-base-content: oklch(0.9852 0 116.07);
--color-primary: oklch(0.7967 0.1103 178.33);
--color-primary-content: oklch(0.0757 0.1103 178.33);
--color-secondary: oklch(0.7967 0.1103 62.49);
--color-secondary-content: oklch(0.0757 0.1103 62.49);
--color-accent: oklch(0.7967 0.1103 337.03);
--color-accent-content: oklch(0.0757 0.1103 337.03);
--color-neutral: oklch(14% 0.005 285.823);
--color-neutral-content: oklch(92% 0.004 286.32);
--color-info: oklch(0.626 0.201 255.48);
--color-info-content: oklch(25% 0.09 281.288);
--color-success: oklch(0.6951 0.1809 145.62);
--color-success-content: oklch(26% 0.051 172.552);
--color-warning: oklch(0.773 0.1394 72.63);
--color-warning-content: oklch(27% 0.077 45.635);
--color-error: oklch(0.6395 0.2234 26.79);
--color-error-content: oklch(25% 0.092 26.042);
--radius-selector: 0.5rem;
--radius-field: 0.25rem;
--radius-box: 0.5rem;
--size-selector: 0.25rem;
--size-field: 0.25rem;
--border: 1px;
--depth: 1;
--noise: 0;
}
/* color palette from <https://github.com/vuejs/theme> */
:root {
--vt-c-white: #ffffff;

7
src/views/MonitorView.vue
View File

@@ -60,7 +60,7 @@
<!-- 连接数标题 -->
<div class="min-w-[140px] shrink-0">
<span class="text-sm font-medium text-base-content/70">当前/最大连接</span>
<span class="text-sm font-medium text-base-content/70">当前连接数</span>
</div>
<!-- 标签标题 -->
@@ -115,9 +115,6 @@
<div class="min-w-[140px] shrink-0">
<div class="flex items-center gap-2 text-xs">
<span class="font-bold">{{ node.currentConnections }}</span>
<span class="text-base-content/60">/</span>
<span class="font-bold">{{ node.maxConnections }}</span>
<span class="text-base-content/60">连接</span>
</div>
</div>
@@ -247,7 +244,7 @@ const sortOrder = ref<'asc' | 'desc'>('asc')
// 分页状态
const currentPage = ref(1)
const pageSize = ref(10)
const pageSize = ref(30)
const pageSizeOptions = [10, 30, 50, 100, 200]
// 示例节点数据