Add default height to intelligence

yorkie-team · Feb 1, 2024 · acf0e41 · acf0e41
1 parent 468e168
commit acf0e41
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 13 deletions.
diff --git a/frontend/src/components/editor/YorkieIntelligenceFeature.tsx b/frontend/src/components/editor/YorkieIntelligenceFeature.tsx
@@ -2,6 +2,7 @@ import {
 	Box,
 	Button,
 	CircularProgress,
+	Fade,
 	FormControl,
 	IconButton,
 	InputAdornment,
@@ -143,19 +144,19 @@ function YorkieIntelligenceFeature(props: YorkieIntelligenceFeatureProps) {
 				<Typography>{title}</Typography>
 			</Box>
 			{isLoading && <CircularProgress sx={{ marginX: "auto" }} />}
-			{!isLoading && (
-				<Box ref={markdownPreviewRef} sx={{ maxHeight: 500, overflow: "auto" }}>
+			<Box ref={markdownPreviewRef} sx={{ height: 350, overflow: "auto" }}>
+				{!isLoading && (
 					<MarkdownPreview
 						source={addSoftLineBreak(data || "")}
 						wrapperElement={{
 							"data-color-mode": currentTheme,
 						}}
 					/>
-				</Box>
-			)}
+				)}
+			</Box>
 
 			<Stack gap={2}>
-				{isComplete && (
+				<Fade in={isComplete}>
 					<Stack direction="row" justifyContent="flex-end" gap={1}>
 						<Button variant="outlined" onClick={handleRetry}>
 							<RefreshIcon fontSize="small" />
@@ -170,7 +171,7 @@ function YorkieIntelligenceFeature(props: YorkieIntelligenceFeatureProps) {
 							Replace
 						</Button>
 					</Stack>
-				)}
+				</Fade>
 				<FormControl>
 					<FormContainer
 						defaultValues={{ content: "" }}
@@ -193,11 +194,13 @@ function YorkieIntelligenceFeature(props: YorkieIntelligenceFeatureProps) {
 										</InputAdornment>
 									),
 									endAdornment: (
-										<InputAdornment position="end">
-											<IconButton type="submit" edge="end">
-												<SendIcon />
-											</IconButton>
-										</InputAdornment>
+										<Fade in={isComplete}>
+											<InputAdornment position="end">
+												<IconButton type="submit" edge="end">
+													<SendIcon />
+												</IconButton>
+											</InputAdornment>
+										</Fade>
 									),
 								}}
 							/>

diff --git a/frontend/src/components/editor/YorkieIntelligenceFooter.tsx b/frontend/src/components/editor/YorkieIntelligenceFooter.tsx
@@ -71,8 +71,6 @@ function YorkieIntelligenceFooter(props: YorkieIntelligenceFooterProps) {
 					horizontal: "left",
 				}}
 				onClose={handleCloseModalOpen}
-				disableScrollLock
-				disablePortal
 			>
 				<Card
 					ref={cardRef}