Merge branch 'main' of http://18.167.251.121:10003/aidlab/FiDA_Front

src/views/home/components/Input.vue

@@ -1,5 +1,6 @@
 <template>
 	<div class="assist-input-wrapper flex flex-col" :class="{ agent: isAgentMode }">
+		<div class="animate-container flex-1 flex flex-col">
 			<div class="scroll-content flex-col">
 				<!-- 图片预览区域 -->
 				<div v-if="uploadedImages.length > 0" class="image-preview-list flex wrap">
@@ -127,7 +128,9 @@
 							<img src="@/assets/images/setting.png" class="setting-icon" />
 						</template>
 						<div class="fida-setting-popover-content flex flex-col">
-						<div class="fida-setting-popover-header">{{ $t('Input.styleTitle') }}</div>
+							<div class="fida-setting-popover-header">
+								{{ $t('Input.styleTitle') }}
+							</div>
 							<div class="fida-setting-slider-list">
 								<div
 									v-for="item in settingOptions"
@@ -169,6 +172,8 @@
 					</div>
 				</div>
 			</div>
+		</div>
+
 		<div v-if="!isAgentMode" class="report-btn flex flex-center" @click="toogltReportTag">
 			<SvgIcon class="light-icon" name="light" size="16" />
 			<span>{{ $t('Input.trendingReport') }}</span>
@@ -618,24 +623,22 @@
 		min-height: 23.5rem;
 		max-height: 43.5rem;
 		width: 106.3rem;
-		border-radius: 2.8rem;
-		background-color: #fff;
-		border: 0.1rem solid #00000005;
-		box-shadow: 0px 0.5rem 1.4rem 0px #0000001a;
+
 		margin: 0 auto;
 		padding: 0;
 		position: relative;
 
+		&:not(.agent) .animate-container {
+			box-shadow: 0px 0.5rem 1.4rem 0px #0000001a;
+			transition: all 0.3s ease;
+			border-radius: 2.8rem;
+			background-color: #fff;
+			border: 0.1rem solid #00000005;
 			&:not(.agent):hover {
 				box-shadow: 0px 0.5rem 3.36rem 2.2rem #f1ede999;
-			transition: all 0.3s ease;
-			top: -1rem;
-
-			.report-btn {
-				bottom: -8.4rem;
+				transform: translateY(-1rem);
 			}
 		}
-
 		.scroll-content {
 			display: flex;
 			flex: 1;
@@ -813,7 +816,7 @@
 			.editor {
 				font-family: 'Regular';
 				font-weight: 400;
-				font-size: 1.22rem;
+				font-size: 1.4rem;
 				min-height: initial;
 				max-height: initial;
 				padding: 0;