refactor(steps): 调整一下样式,默认窗口高度调整为1000

This commit is contained in:
2025-09-02 13:33:27 +08:00
parent 11e3c2281e
commit b586e311be
2 changed files with 20 additions and 50 deletions

View File

@@ -61,7 +61,7 @@ let mainWindow: BrowserWindow | null = null
function createWindow() { function createWindow() {
mainWindow = new BrowserWindow({ mainWindow = new BrowserWindow({
width: 1600, width: 1600,
height: 900, height: 1000,
minWidth: 800, minWidth: 800,
minHeight: 600, minHeight: 600,
icon: path.join(__dirname, '../src/assets/AUTO_MAA.ico'), icon: path.join(__dirname, '../src/assets/AUTO_MAA.ico'),

View File

@@ -1,24 +1,24 @@
<template> <template>
<div class="manual-mode"> <div class="manual-mode">
<div class="header"> <div class="header">
<a-typography-title>AUTO_MAA 初始化向导</a-typography-title> <!-- <a-typography-title>AUTO_MAA 初始化向导</a-typography-title>-->
<a-typography-title :level="4" <a-typography-title :level="3"
>欢迎使用 AUTO_MAA让我们来配置您的运行环境</a-typography-title >欢迎使用 AUTO_MAA让我们来配置您的运行环境</a-typography-title
> >
<div class="header-actions"> <!-- <div class="header-actions">-->
<a-button size="large" type="primary" @click="handleSkipToHome"> <!-- <a-button size="large" type="primary" @click="handleSkipToHome">-->
跳转至首页仅开发用 <!-- 跳转至首页仅开发用-->
</a-button> <!-- </a-button>-->
<a-button <!-- <a-button-->
size="large" <!-- size="large"-->
type="default" <!-- type="default"-->
@click="handleJumpToStep(3)" <!-- @click="handleJumpToStep(3)"-->
style="margin-left: 16px" <!-- style="margin-left: 16px"-->
> <!-- >-->
跳到启动服务第六步 <!-- 跳到启动服务第六步-->
</a-button> <!-- </a-button>-->
</div> <!-- </div>-->
</div> </div>
<a-steps :current="currentStep" :status="stepStatus" class="init-steps"> <a-steps :current="currentStep" :status="stepStatus" class="init-steps">
@@ -499,56 +499,26 @@ watch(errorMessage, val => {
margin: 0 0 20px 0; margin: 0 0 20px 0;
} }
.header-actions {
display: flex;
justify-content: center;
gap: 16px;
}
.init-steps { .init-steps {
margin-bottom: 40px; margin-bottom: 20px;
} }
.step-content { .step-content {
min-height: 300px; min-height: 300px;
margin-bottom: 40px; margin-bottom: 20px;
} }
.step-actions { .step-actions {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
margin-bottom: 20px; margin-bottom: 10px;
}
.error-message {
margin-top: 20px;
}
.global-progress {
margin: 20px 0;
padding: 20px;
background: var(--ant-color-bg-container);
border-radius: 8px;
border: 1px solid var(--ant-color-border);
}
.global-progress .progress-text {
text-align: center;
margin-top: 8px;
font-size: 14px;
color: var(--ant-color-text-secondary);
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.header-actions {
flex-direction: column;
gap: 8px;
}
.step-actions { .step-actions {
flex-direction: column; flex-direction: column;
gap: 12px; gap: 12px;
} }
} }
</style> </style>