GuanM/NapCatQQ
1
0
Fork 0
mirror of https://github.com/NapNeko/NapCatQQ.git synced 2025-07-19 12:03:37 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: 样式

Browse Source
This commit is contained in:
手瓜一十雪
2024-11-16 11:08:45 +08:00
parent b525fa81bb
commit 41db435ef5
5 changed files with 186 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
napcat.webui/src/pages/NetWork.vue
View File

@@ -10,7 +10,9 @@
class="full-tab-panel"
>
<component :is="resolveDynamicComponent(getComponent(config.key))" :config="config.data" />
<div class="button-container">
<t-button @click="saveConfig" style="width: 100px; height: 40px;">保存</t-button>
</div>
</t-tab-panel>
</t-tabs>
<t-dialog
@@ -222,4 +224,10 @@ onMounted(() => {
display: flex;
flex-direction: column;
}
.button-container {
display: flex;
justify-content: center;
margin-top: 20px;
}
</style>

22
napcat.webui/src/pages/network/HttpClientComponent.vue
View File

@@ -1,5 +1,6 @@
<template>
<div>
<div class="container">
<div class="form-container">
<h3>HTTP Client 配置</h3>
<t-form>
<t-form-item label="URL">
@@ -19,6 +20,7 @@
</t-form-item>
</t-form>
</div>
</div>
</template>
<script setup lang="ts">
@@ -28,3 +30,21 @@ defineProps<{
config: HttpClientConfig;
}>();
</script>
<style scoped>
.container {
display: flex;
justify-content: center;
align-items: flex-start;
padding: 20px;
box-sizing: border-box;
}
.form-container {
width: 100%;
max-width: 600px;
background: #fff;
padding: 20px;
border-radius: 8px;
}
</style>

24
napcat.webui/src/pages/network/HttpServerComponent.vue
View File

@@ -1,5 +1,6 @@
<template>
<div>
<div class="container">
<div class="form-container">
<h3>HTTP Server 配置</h3>
<t-form>
<t-form-item label="端口">
@@ -11,7 +12,7 @@
<t-form-item label="启用 CORS">
<t-checkbox v-model="config.enableCors" />
</t-form-item>
<t-form-item label="启用 WebSocket">
<t-form-item label="启用 WS">
<t-checkbox v-model="config.enableWebsocket" />
</t-form-item>
<t-form-item label="消息格式">
@@ -28,6 +29,7 @@
</t-form-item>
</t-form>
</div>
</div>
</template>
<script setup lang="ts">
@@ -37,3 +39,21 @@ defineProps<{
config: HttpServerConfig;
}>();
</script>
<style scoped>
.container {
display: flex;
justify-content: center;
align-items: flex-start;
padding: 20px;
box-sizing: border-box;
}
.form-container {
width: 100%;
max-width: 600px;
background: #fff;
padding: 20px;
border-radius: 8px;
}
</style>

22
napcat.webui/src/pages/network/WebsocketClientComponent.vue
View File

@@ -1,5 +1,6 @@
<template>
<div>
<div class="container">
<div class="form-container">
<h3>WebSocket Client 配置</h3>
<t-form>
<t-form-item label="URL">
@@ -22,6 +23,7 @@
</t-form-item>
</t-form>
</div>
</div>
</template>
<script setup lang="ts">
@@ -31,3 +33,21 @@ defineProps<{
config: WebsocketClientConfig;
}>();
</script>
<style scoped>
.container {
display: flex;
justify-content: center;
align-items: flex-start;
padding: 20px;
box-sizing: border-box;
}
.form-container {
width: 100%;
max-width: 600px;
background: #fff;
padding: 20px;
border-radius: 8px;
}
</style>

22
napcat.webui/src/pages/network/WebsocketServerComponent.vue
View File

@@ -1,5 +1,6 @@
<template>
<div>
<div class="container">
<div class="form-container">
<h3>WebSocket Server 配置</h3>
<t-form>
<t-form-item label="主机">
@@ -28,6 +29,7 @@
</t-form-item>
</t-form>
</div>
</div>
</template>
<script setup lang="ts">
@@ -37,3 +39,21 @@ defineProps<{
config: WebsocketServerConfig;
}>();
</script>
<style scoped>
.container {
display: flex;
justify-content: center;
align-items: flex-start;
padding: 20px;
box-sizing: border-box;
}
.form-container {
width: 100%;
max-width: 600px;
background: #fff;
padding: 20px;
border-radius: 8px;
}
</style>