mirror of
https://github.com/acepanel/panel.git
synced 2026-02-04 11:27:17 +08:00
feat: 全局去除圆角
This commit is contained in:
@@ -33,7 +33,7 @@ const route = useRoute()
|
||||
</template>
|
||||
</header>
|
||||
|
||||
<n-card flex-1 rounded-10>
|
||||
<n-card flex-1>
|
||||
<slot />
|
||||
</n-card>
|
||||
</AppPage>
|
||||
|
||||
@@ -91,7 +91,7 @@ onMounted(() => {
|
||||
<n-tabs v-model:value="currentTab" type="line" animated>
|
||||
<n-tab-pane name="status" tab="运行状态">
|
||||
<n-flex vertical>
|
||||
<n-card title="运行状态" rounded-10>
|
||||
<n-card title="运行状态">
|
||||
<template #header-extra>
|
||||
<n-switch v-model:value="isEnabled" @update:value="handleIsEnabled">
|
||||
<template #checked> 自启动开 </template>
|
||||
|
||||
@@ -306,7 +306,7 @@ onMounted(() => {
|
||||
<n-tabs v-model:value="currentTab" type="line" animated>
|
||||
<n-tab-pane name="status" tab="运行状态">
|
||||
<n-space vertical>
|
||||
<n-card title="运行状态" rounded-10>
|
||||
<n-card title="运行状态">
|
||||
<template #header-extra>
|
||||
<n-switch v-model:value="isEnabled" @update:value="handleIsEnabled">
|
||||
<template #checked> 自启动开 </template>
|
||||
@@ -342,7 +342,7 @@ onMounted(() => {
|
||||
</n-space>
|
||||
</n-space>
|
||||
</n-card>
|
||||
<n-card title="IP 白名单" rounded-10>
|
||||
<n-card title="IP 白名单">
|
||||
<n-input
|
||||
v-model:value="white"
|
||||
type="textarea"
|
||||
@@ -353,7 +353,7 @@ onMounted(() => {
|
||||
</n-space>
|
||||
</n-tab-pane>
|
||||
<n-tab-pane name="jails" tab="规则管理">
|
||||
<n-card title="规则列表" :segmented="true" rounded-10>
|
||||
<n-card title="规则列表" :segmented="true">
|
||||
<n-data-table
|
||||
striped
|
||||
remote
|
||||
@@ -450,7 +450,7 @@ onMounted(() => {
|
||||
<n-modal v-model:show="jailModal" title="查看规则">
|
||||
<n-card closable @close="() => (jailModal = false)" title="查看规则" style="width: 60vw">
|
||||
<n-space vertical>
|
||||
<n-card title="规则信息" :segmented="true" rounded-10>
|
||||
<n-card title="规则信息" :segmented="true">
|
||||
<n-space vertical>
|
||||
<n-space>
|
||||
<n-text>当前封禁</n-text>
|
||||
@@ -462,7 +462,7 @@ onMounted(() => {
|
||||
</n-space>
|
||||
</n-space>
|
||||
</n-card>
|
||||
<n-card title="封禁列表" :segmented="true" rounded-10>
|
||||
<n-card title="封禁列表" :segmented="true">
|
||||
<n-data-table
|
||||
striped
|
||||
remote
|
||||
|
||||
@@ -94,7 +94,7 @@ onMounted(() => {
|
||||
<n-tabs v-model:value="currentTab" type="line" animated>
|
||||
<n-tab-pane name="frps" tab="Frps">
|
||||
<n-space vertical>
|
||||
<n-card title="运行状态" rounded-10>
|
||||
<n-card title="运行状态">
|
||||
<template #header-extra>
|
||||
<n-switch v-model:value="isEnabled.frps" @update:value="handleIsEnabled('frps')">
|
||||
<template #checked> 自启动开 </template>
|
||||
@@ -126,7 +126,7 @@ onMounted(() => {
|
||||
</n-space>
|
||||
</n-space>
|
||||
</n-card>
|
||||
<n-card title="修改配置" rounded-10>
|
||||
<n-card title="修改配置">
|
||||
<template #header-extra>
|
||||
<n-button type="primary" @click="handleSaveConfig('frps')">
|
||||
<TheIcon :size="18" icon="material-symbols:save-outline-rounded" />
|
||||
@@ -150,7 +150,7 @@ onMounted(() => {
|
||||
</n-tab-pane>
|
||||
<n-tab-pane name="frpc" tab="Frpc">
|
||||
<n-space vertical>
|
||||
<n-card title="运行状态" rounded-10>
|
||||
<n-card title="运行状态">
|
||||
<template #header-extra>
|
||||
<n-switch v-model:value="isEnabled.frpc" @update:value="handleIsEnabled('frpc')">
|
||||
<template #checked> 自启动开 </template>
|
||||
@@ -182,7 +182,7 @@ onMounted(() => {
|
||||
</n-space>
|
||||
</n-space>
|
||||
</n-card>
|
||||
<n-card title="修改配置" rounded-10>
|
||||
<n-card title="修改配置">
|
||||
<template #header-extra>
|
||||
<n-button type="primary" @click="handleSaveConfig('frpc')">
|
||||
<TheIcon :size="18" icon="material-symbols:save-outline-rounded" />
|
||||
|
||||
@@ -87,7 +87,7 @@ onMounted(() => {
|
||||
</template>
|
||||
<n-tabs v-model:value="currentTab" type="line" animated>
|
||||
<n-tab-pane name="status" tab="运行状态">
|
||||
<n-card title="运行状态" rounded-10>
|
||||
<n-card title="运行状态">
|
||||
<template #header-extra>
|
||||
<n-switch v-model:value="isEnabled" @update:value="handleIsEnabled">
|
||||
<template #checked> 自启动开 </template>
|
||||
|
||||
@@ -111,7 +111,7 @@ onMounted(() => {
|
||||
<n-tabs v-model:value="currentTab" type="line" animated>
|
||||
<n-tab-pane name="status" tab="运行状态">
|
||||
<n-space vertical>
|
||||
<n-card title="运行状态" rounded-10>
|
||||
<n-card title="运行状态">
|
||||
<template #header-extra>
|
||||
<n-switch v-model:value="isEnabled" @update:value="handleIsEnabled">
|
||||
<template #checked> 自启动开 </template>
|
||||
|
||||
@@ -155,7 +155,7 @@ onMounted(() => {
|
||||
<n-tabs v-model:value="currentTab" type="line" animated>
|
||||
<n-tab-pane name="status" tab="运行状态">
|
||||
<n-space vertical>
|
||||
<n-card title="运行状态" rounded-10>
|
||||
<n-card title="运行状态">
|
||||
<template #header-extra>
|
||||
<n-switch v-model:value="isEnabled" @update:value="handleIsEnabled">
|
||||
<template #checked> 自启动开 </template>
|
||||
@@ -191,7 +191,7 @@ onMounted(() => {
|
||||
</n-space>
|
||||
</n-space>
|
||||
</n-card>
|
||||
<n-card title="Root 密码" rounded-10>
|
||||
<n-card title="Root 密码">
|
||||
<n-space vertical>
|
||||
<n-input
|
||||
v-model:value="rootPassword"
|
||||
|
||||
@@ -132,7 +132,7 @@ onMounted(() => {
|
||||
</template>
|
||||
<n-tabs v-model:value="currentTab" type="line" animated>
|
||||
<n-tab-pane name="status" tab="运行状态">
|
||||
<n-card title="运行状态" rounded-10>
|
||||
<n-card title="运行状态">
|
||||
<template #header-extra>
|
||||
<n-switch v-model:value="isEnabled" @update:value="handleIsEnabled">
|
||||
<template #checked> 自启动开 </template>
|
||||
|
||||
@@ -278,7 +278,7 @@ onMounted(() => {
|
||||
<n-tabs v-model:value="currentTab" type="line" animated>
|
||||
<n-tab-pane name="status" tab="运行状态">
|
||||
<n-space vertical>
|
||||
<n-card title="运行状态" rounded-10>
|
||||
<n-card title="运行状态">
|
||||
<template #header-extra>
|
||||
<n-switch v-model:value="isEnabled" @update:value="handleIsEnabled">
|
||||
<template #checked> 自启动开 </template>
|
||||
@@ -317,7 +317,7 @@ onMounted(() => {
|
||||
</n-space>
|
||||
</n-tab-pane>
|
||||
<n-tab-pane name="extensions" tab="拓展管理">
|
||||
<n-card title="拓展列表" :segmented="true" rounded-10>
|
||||
<n-card title="拓展列表" :segmented="true">
|
||||
<n-data-table
|
||||
striped
|
||||
remote
|
||||
|
||||
@@ -68,12 +68,12 @@ onMounted(() => {
|
||||
<n-tabs v-model:value="currentTab" type="line" animated>
|
||||
<n-tab-pane name="status" tab="状态">
|
||||
<n-space vertical>
|
||||
<n-card title="访问信息" rounded-10>
|
||||
<n-card title="访问信息">
|
||||
<n-alert type="info">
|
||||
访问地址: <a :href="url" target="_blank">{{ url }}</a>
|
||||
</n-alert>
|
||||
</n-card>
|
||||
<n-card title="修改端口" rounded-10>
|
||||
<n-card title="修改端口">
|
||||
<n-input-number v-model:value="newPort" :min="1" :max="65535" />
|
||||
修改 phpMyAdmin 访问端口
|
||||
</n-card>
|
||||
|
||||
@@ -108,7 +108,7 @@ onMounted(() => {
|
||||
<n-alert type="info">
|
||||
Podman 是一个无守护进程的容器管理工具,处于停止状态为正常现象且不会影响使用!
|
||||
</n-alert>
|
||||
<n-card title="运行状态" rounded-10>
|
||||
<n-card title="运行状态">
|
||||
<template #header-extra>
|
||||
<n-switch v-model:value="isEnabled" @update:value="handleIsEnabled">
|
||||
<template #checked> 自启动开 </template>
|
||||
|
||||
@@ -142,7 +142,7 @@ onMounted(() => {
|
||||
<n-tabs v-model:value="currentTab" type="line" animated>
|
||||
<n-tab-pane name="status" tab="运行状态">
|
||||
<n-space vertical>
|
||||
<n-card title="运行状态" rounded-10>
|
||||
<n-card title="运行状态">
|
||||
<template #header-extra>
|
||||
<n-switch v-model:value="isEnabled" @update:value="handleIsEnabled">
|
||||
<template #checked> 自启动开 </template>
|
||||
|
||||
@@ -219,7 +219,7 @@ onMounted(() => {
|
||||
<n-tabs v-model:value="currentTab" type="line" animated>
|
||||
<n-tab-pane name="status" tab="运行状态">
|
||||
<n-space vertical>
|
||||
<n-card title="运行状态" rounded-10>
|
||||
<n-card title="运行状态">
|
||||
<template #header-extra>
|
||||
<n-switch v-model:value="isEnabled" @update:value="handleIsEnabled">
|
||||
<template #checked> 自启动开 </template>
|
||||
@@ -251,14 +251,14 @@ onMounted(() => {
|
||||
</n-space>
|
||||
</n-space>
|
||||
</n-card>
|
||||
<n-card title="端口设置" rounded-10>
|
||||
<n-card title="端口设置">
|
||||
<n-input-number v-model:value="port" :min="1" :max="65535" />
|
||||
修改 Pure-Ftpd 监听端口
|
||||
</n-card>
|
||||
</n-space>
|
||||
</n-tab-pane>
|
||||
<n-tab-pane name="users" tab="用户管理">
|
||||
<n-card title="用户列表" :segmented="true" rounded-10>
|
||||
<n-card title="用户列表" :segmented="true">
|
||||
<n-data-table
|
||||
striped
|
||||
remote
|
||||
|
||||
@@ -108,7 +108,7 @@ onMounted(() => {
|
||||
<n-tabs v-model:value="currentTab" type="line" animated>
|
||||
<n-tab-pane name="status" tab="运行状态">
|
||||
<n-space vertical>
|
||||
<n-card title="运行状态" rounded-10>
|
||||
<n-card title="运行状态">
|
||||
<template #header-extra>
|
||||
<n-switch v-model:value="isEnabled" @update:value="handleIsEnabled">
|
||||
<template #checked> 自启动开 </template>
|
||||
|
||||
@@ -258,7 +258,7 @@ onMounted(() => {
|
||||
<n-tabs v-model:value="currentTab" type="line" animated>
|
||||
<n-tab-pane name="status" tab="运行状态">
|
||||
<n-space vertical>
|
||||
<n-card title="运行状态" rounded-10>
|
||||
<n-card title="运行状态">
|
||||
<template #header-extra>
|
||||
<n-switch v-model:value="isEnabled" @update:value="handleIsEnabled">
|
||||
<template #checked> 自启动开 </template>
|
||||
@@ -293,7 +293,7 @@ onMounted(() => {
|
||||
</n-space>
|
||||
</n-tab-pane>
|
||||
<n-tab-pane name="modules" tab="模块管理">
|
||||
<n-card title="模块列表" :segmented="true" rounded-10>
|
||||
<n-card title="模块列表" :segmented="true">
|
||||
<n-data-table
|
||||
striped
|
||||
remote
|
||||
|
||||
@@ -102,7 +102,7 @@ onMounted(() => {
|
||||
添加挂载
|
||||
</n-button>
|
||||
</template>
|
||||
<n-card title="挂载列表" :segmented="true" rounded-10>
|
||||
<n-card title="挂载列表" :segmented="true">
|
||||
<n-data-table
|
||||
striped
|
||||
remote
|
||||
|
||||
@@ -376,7 +376,7 @@ onUnmounted(() => {
|
||||
<n-tabs v-model:value="currentTab" type="line" animated>
|
||||
<n-tab-pane name="status" tab="运行状态">
|
||||
<n-space vertical>
|
||||
<n-card title="运行状态" rounded-10>
|
||||
<n-card title="运行状态">
|
||||
<template #header-extra>
|
||||
<n-switch v-model:value="isEnabled" @update:value="handleIsEnabled">
|
||||
<template #checked> 自启动开</template>
|
||||
@@ -411,7 +411,7 @@ onUnmounted(() => {
|
||||
</n-space>
|
||||
</n-tab-pane>
|
||||
<n-tab-pane name="processes" tab="进程管理">
|
||||
<n-card title="进程列表" :segmented="true" rounded-10>
|
||||
<n-card title="进程列表" :segmented="true">
|
||||
<n-data-table
|
||||
striped
|
||||
remote
|
||||
|
||||
@@ -404,7 +404,7 @@ if (import.meta.hot) {
|
||||
<AppPage :show-footer="true" min-w-375>
|
||||
<div flex-1>
|
||||
<n-space vertical>
|
||||
<n-card :segmented="true" rounded-10 size="small">
|
||||
<n-card :segmented="true" size="small">
|
||||
<n-page-header :subtitle="systemInfo?.panel_version">
|
||||
<n-grid :cols="4" pb-10>
|
||||
<n-gi>
|
||||
@@ -436,7 +436,7 @@ if (import.meta.hot) {
|
||||
</n-page-header>
|
||||
</n-card>
|
||||
|
||||
<n-card :segmented="true" rounded-10 size="small" title="资源总览">
|
||||
<n-card :segmented="true" size="small" title="资源总览">
|
||||
<n-flex v-if="realtime" size="large">
|
||||
<n-popover trigger="hover">
|
||||
<template #trigger>
|
||||
@@ -654,7 +654,7 @@ if (import.meta.hot) {
|
||||
>
|
||||
<n-gi>
|
||||
<n-flex vertical>
|
||||
<n-card :segmented="true" size="small" title="快捷应用" min-h-340 rounded-10>
|
||||
<n-card :segmented="true" size="small" title="快捷应用" min-h-340>
|
||||
<n-scrollbar max-h-270>
|
||||
<n-grid
|
||||
v-if="!homeAppsLoading"
|
||||
@@ -669,7 +669,6 @@ if (import.meta.hot) {
|
||||
:segmented="true"
|
||||
size="small"
|
||||
cursor-pointer
|
||||
rounded-10
|
||||
hover:card-shadow
|
||||
@click="handleManageApp(item.slug)"
|
||||
>
|
||||
@@ -701,7 +700,7 @@ if (import.meta.hot) {
|
||||
</n-text>
|
||||
<n-skeleton v-if="homeAppsLoading" text :repeat="12" />
|
||||
</n-card>
|
||||
<n-card :segmented="true" rounded-10 size="small" title="环境信息">
|
||||
<n-card :segmented="true" size="small" title="环境信息">
|
||||
<n-table v-if="systemInfo" :single-line="false">
|
||||
<tr>
|
||||
<th>系统主机名</th>
|
||||
@@ -757,7 +756,7 @@ if (import.meta.hot) {
|
||||
</n-flex>
|
||||
</n-gi>
|
||||
<n-gi>
|
||||
<n-card :segmented="true" rounded-10 size="small" title="实时监控">
|
||||
<n-card :segmented="true" size="small" title="实时监控">
|
||||
<n-flex vertical v-if="systemInfo">
|
||||
<n-form
|
||||
inline
|
||||
|
||||
@@ -97,7 +97,7 @@ watch(isLogin, async () => {
|
||||
|
||||
<template>
|
||||
<AppPage :show-footer="true" :style="{ backgroundImage: `url(${bgImg})` }" bg-cover>
|
||||
<div m-auto min-w-345 f-c-c rounded-10 bg-white bg-opacity-60 p-15 card-shadow dark:bg-dark>
|
||||
<div m-auto min-w-345 f-c-c bg-white bg-opacity-60 p-15 card-shadow dark:bg-dark>
|
||||
<div w-480 flex-col px-20 py-35>
|
||||
<h5 color="#6a6a6a" f-c-c text-24 font-normal>
|
||||
<n-image :src="logo" height="50" preview-disabled mr-10 />{{ themeStore.name }}
|
||||
@@ -137,7 +137,6 @@ watch(isLogin, async () => {
|
||||
type="primary"
|
||||
h-50
|
||||
w-full
|
||||
rounded-5
|
||||
text-16
|
||||
@click="handleLogin"
|
||||
>
|
||||
|
||||
@@ -446,7 +446,7 @@ watch(data, () => {
|
||||
确定要清空吗?
|
||||
</n-popconfirm>
|
||||
</template>
|
||||
<n-card :segmented="true" flex items-center rounded-10>
|
||||
<n-card :segmented="true" flex items-center>
|
||||
<n-form
|
||||
inline
|
||||
label-placement="left"
|
||||
|
||||
Reference in New Issue
Block a user