Update app.css

app.css

@@ -730,3 +730,62 @@ footer, .footer, div[class*="footer"], #footer {
 .input-panel .ant-input-textarea-large {
   flex: 1;
 }  
+
+/* 고정된 높이를 위한 클래스 */
+.fixed-height {
+  height: 900px !important;
+}
+
+.fixed-content-height {
+  height: 870px !important; /* 헤더(30px)를 제외한 높이 */
+}
+
+.fixed-input-height {
+  height: 730px !important;
+  max-height: 730px !important;
+}
+
+/* 배포 결과 컴포넌트 스타일링 */
+.deploy-result {
+  margin-top: 10px;
+  height: 90px;
+  max-height: 90px;
+  overflow-y: auto;
+  background-color: var(--neutral-100);
+  padding: 10px;
+  border-radius: var(--radius-md);
+  border-left: 3px solid var(--primary);
+}
+
+/* 입력 패널과 우측 패널의 높이 일치 */
+.input-panel {
+  height: 870px !important;
+  max-height: 870px !important;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+
+.input-panel textarea {
+  flex-grow: 1;
+  height: calc(100% - 120px) !important; /* 도움말 텍스트와 배포 결과 공간 확보 */
+  min-height: 300px !important;
+}
+
+/* 배포 결과 영역의 링크 색상 지정 */
+#deploy-result a {
+  color: var(--primary);
+  font-weight: bold;
+  text-decoration: underline;
+}
+
+/* 텍스트 영역의 오버플로우 조정 */
+.input-panel .ant-input-textarea {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+.input-panel .ant-input-textarea-large {
+  flex: 1;
+}