GuanM/NapCatQQ
1
0
Fork 0
mirror of https://github.com/NapNeko/NapCatQQ.git synced 2024-11-21 09:36:35 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: 微调样式

Browse Source
This commit is contained in:
手瓜一十雪 2024-11-16 10:42:01 +08:00
parent 9f261e78c3
commit 8bc0403139
1 changed files with 34 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
napcat.webui/src/pages/OtherConfig.vue
View File

@ -3,11 +3,11 @@
<div> <div>
<t-divider content="其余配置" align="left" /> <t-divider content="其余配置" align="left" />
</div> </div>
<t-form ref="form" :model="otherConfig"> <t-form ref="form" :model="otherConfig" class="form">
<t-form-item label="音乐签名地址" name="musicSignUrl"> <t-form-item label="音乐签名地址" name="musicSignUrl" class="form-item">
<t-input v-model="otherConfig.musicSignUrl" /> <t-input v-model="otherConfig.musicSignUrl" />
</t-form-item> </t-form-item>
<t-form-item label="启用本地文件到URL" name="enableLocalFile2Url"> <t-form-item label="启用本地文件到URL" name="enableLocalFile2Url" class="form-item">
<t-switch v-model="otherConfig.enableLocalFile2Url" /> <t-switch v-model="otherConfig.enableLocalFile2Url" />
</t-form-item> </t-form-item>
</t-form> </t-form>
@ -74,3 +74,33 @@ onMounted(() => {
loadConfig(); loadConfig();
}); });
</script> </script>
<style scoped>
.other-config {
padding: 20px;
}
.form {
display: flex;
flex-direction: column;
}
.form-item {
display: flex;
flex-direction: column;
margin-bottom: 20px;
}
@media (min-width: 768px) {
.form-item {
flex-direction: row;
align-items: center;
}
.form-item t-input,
.form-item t-switch {
flex: 1;
margin-left: 20px;
}
}
</style>