refactor(steps): 调整一下样式,默认窗口高度调整为1000
This commit is contained in:
@@ -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'),
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user