|
|
@@ -391,17 +391,20 @@ async function copyPrompt() {
|
|
|
|
|
|
.tool-tabs {
|
|
|
margin-bottom: 0;
|
|
|
- flex: 1;
|
|
|
+ flex: 1 1 0;
|
|
|
min-height: 0;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
|
|
|
.tool-tabs :deep(.ant-card-body) {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
- flex: 1;
|
|
|
+ flex: 1 1 0;
|
|
|
min-height: 0;
|
|
|
+ overflow: hidden;
|
|
|
+ gap: 10px;
|
|
|
}
|
|
|
|
|
|
.tab-icon-wrapper {
|
|
|
@@ -419,6 +422,7 @@ async function copyPrompt() {
|
|
|
|
|
|
.tab-content {
|
|
|
padding: 0;
|
|
|
+ flex: 0 0 auto;
|
|
|
}
|
|
|
|
|
|
.prompt-section {
|
|
|
@@ -426,7 +430,11 @@ async function copyPrompt() {
|
|
|
border: 1px solid var(--border-color);
|
|
|
border-radius: 8px;
|
|
|
overflow: hidden;
|
|
|
- margin-top: 10px;
|
|
|
+ margin-top: 0;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ flex: 1 1 0;
|
|
|
+ min-height: 0;
|
|
|
}
|
|
|
|
|
|
.prompt-header {
|
|
|
@@ -436,6 +444,7 @@ async function copyPrompt() {
|
|
|
padding: 12px 16px;
|
|
|
border-bottom: 1px solid var(--border-color);
|
|
|
font-weight: 500;
|
|
|
+ flex: 0 0 auto;
|
|
|
}
|
|
|
|
|
|
.prompt-title {
|
|
|
@@ -452,7 +461,8 @@ async function copyPrompt() {
|
|
|
|
|
|
.prompt-content {
|
|
|
padding: 16px;
|
|
|
- max-height: 500px;
|
|
|
+ flex: 1 1 0;
|
|
|
+ min-height: 0;
|
|
|
overflow-y: auto;
|
|
|
}
|
|
|
|
|
|
@@ -480,8 +490,5 @@ async function copyPrompt() {
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
|
|
- .prompt-content {
|
|
|
- max-height: 400px;
|
|
|
- }
|
|
|
}
|
|
|
</style>
|