.left_header { display: flex; flex-direction: column; justify-content: center; align-items: center; } .render_header { height: 30px; width: 100%; padding: 5px 16px; background-color: #f5f5f5; margin-top: 50px; } .header_btn { display: inline-block; height: 10px; width: 10px; border-radius: 50%; margin-right: 4px; } .render_header > .header_btn:nth-child(1) { background-color: #f5222d; } .render_header > .header_btn:nth-child(2) { background-color: #faad14; } .render_header > .header_btn:nth-child(3) { background-color: #52c41a; } .right_content { height: 920px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .history_chatbot button { background: none; border: none; } /* Footer 숨기기 */ footer, .footer, div[class*="footer"], #footer { display: none !important; visibility: hidden !important; height: 0 !important; padding: 0 !important; margin: 0 !important; } /* Textarea 스타일링 */ #component-0 textarea, .gradio-container textarea, .ant-input-textarea-large textarea { height: 300px !important; min-height: 300px !important; max-height: none !important; resize: vertical !important; } #component-0 .ant-input-textarea, .gradio-container .ant-input-textarea, .ant-input-textarea-large { height: auto !important; min-height: 300px !important; } /* Setting 버튼 스타일링 */ .setting-buttons { position: absolute; top: 0; right: 0; z-index: 1000; display: flex; gap: 8px; padding: 10px; background-color: white; } /* 우측 패널 스타일링 */ .right_panel { position: relative; min-height: 600px; padding-top: 50px; } .html_content { height: 100%; } /* Examples 카드 스타일링 */ .ant-card { margin-bottom: 8px; cursor: pointer; width: 100%; } .ant-card:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .ant-card-meta { padding: 12px; } /* 전체 레이아웃 조정 */ .ant-row { margin: 0 !important; } /* 좌측 패널 Examples 영역 */ .ant-flex { width: 100%; } .ant-divider { margin: 24px 0 12px 0; }