This commit is contained in:
2026-06-16 22:54:38 -06:00
parent ceb04a1b83
commit 3ae7e60d43
4 changed files with 52 additions and 45 deletions

View File

@@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>教学设计</title>
<title>教学设计生成器</title>
</head>
<body>
<div id="app"></div>

View File

@@ -28,7 +28,7 @@ async function handleSubmit(): Promise<void> {
<template>
<div class="login-wrapper">
<form class="login-form" @submit.prevent="handleSubmit">
<h1>教学设计</h1>
<h1>教学设计生成器</h1>
<div class="field">
<label for="username">用户名</label>
<input

View File

@@ -40,6 +40,12 @@
box-shadow: none;
}
.basic-info-table,
.process-table,
.reflection-table {
width: calc(100% - 1px);
}
.process-table {
break-inside: auto;
}

View File

@@ -158,6 +158,19 @@ input {
cursor: not-allowed;
}
.ui-error {
color: #c0392b;
font-size: 14px;
margin: 8px 0 0;
}
.ui-success {
color: var(--green-700);
font-size: 14px;
margin: 8px 0 0;
}
/* Tables */
.ui-table {
width: 100%;
border-collapse: collapse;
@@ -187,16 +200,40 @@ input {
background: #f8faf9;
}
.ui-error {
color: #c0392b;
font-size: 14px;
margin: 8px 0 0;
table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
.ui-success {
.basic-info-table th,
.basic-info-table td,
.process-table th,
.process-table td,
.reflection-table th,
.reflection-table td {
border: 1px solid var(--line);
padding: 6px 8px;
vertical-align: top;
text-align: left;
}
.basic-info-table th,
.process-table th,
.reflection-table th {
background: var(--green-100);
color: var(--green-700);
font-size: 14px;
margin: 8px 0 0;
font-weight: 600;
width: 8em;
}
.process-table th {
width: auto;
}
.process-step-actions {
width: 6em;
text-align: center;
}
/* Toolbar */
@@ -403,37 +440,6 @@ input {
color: var(--green-700);
}
table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
.basic-info-table th,
.basic-info-table td,
.process-table th,
.process-table td,
.reflection-table th,
.reflection-table td {
border: 1px solid var(--line);
padding: 6px 8px;
vertical-align: top;
text-align: left;
}
.basic-info-table th,
.process-table th,
.reflection-table th {
background: var(--green-100);
color: var(--green-700);
font-weight: 600;
width: 8em;
}
.process-table th {
width: auto;
}
.objectives-cell {
display: flex;
flex-direction: column;
@@ -456,11 +462,6 @@ table {
margin-top: 4px;
}
.process-step-actions {
width: 6em;
text-align: center;
}
.process-step-actions button {
border: 1px solid var(--line);
background: #fff;