Optimize app detail component styles and animations (#121)

Author: jerrykuku

src/assets/scss/common/_animate.scss

@@ -159,6 +159,23 @@
 .slide-next-enter-active,
 .slide-prev-enter-active,
 .slide-prev-leave-active {
-	// transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
+	animation-timing-function:cubic-bezier(0.69,0,0.26,1);
 	transition-duration: 0.35s;
-}
+}
+
+.slide-next-half-leave-active,
+.slide-next-half-enter-active {
+	animation-timing-function:cubic-bezier(0.69,0,0.26,1);
+	transition-duration: 0.35s;
+}
+
+
+.slide-next-half-enter-to,
+.slide-next-half-leave {
+	transform: translateX(0);
+}
+
+.slide-next-half-enter,
+.slide-next-half-leave-to {
+	transform: translateX(-30%);
+}

src/components/AppStore/AppDetail/AppDescription.vue

@@ -1,20 +1,9 @@
-<!--
- * @Author: zhanghengxin ezreal.zhang@icewhale.org
- * @Date: 2023-08-31 15:40:59
- * @LastEditors: zhanghengxin ezreal.zhang@icewhale.org
- * @LastEditTime: 2023-09-15 11:05:07
- * @FilePath: /CasaOS-App-UI/src/components/AppStore/AppDetail/AppDescription.vue
- * @Description: 
- * 
- * Copyright (c) 2022 by IceWhale, All Rights Reserved.
--->
 <template>
-	<div class="app-desc mt-4 mb-6">
+	<div class="mt-4 mb-6 app-desc">
 		<VMdEditor
 			:value="i18n(appDetailData.description)" mode="preview"
 			left-toolbar right-toolbar>
 		</VMdEditor>
-		<!-- <p class="is-size-14px un-break-word">{{ i18n(appDetailData.description) }}</p> -->
 	</div>
 </template>
 
@@ -39,7 +28,9 @@ defineExpose({
 
 <style scoped>
 ::v-deep .github-markdown-body{
+  font-family: "BrittiSans";
 	padding: 1rem 0 0 0;
-	line-height: 1.25rem;
+	line-height: 1.5rem;
+  font-size: 0.875rem;
 }
 </style>

src/components/AppStore/AppDetail/AppDetail.vue

@@ -32,9 +32,6 @@
 			<AppDescription 
 				:appDetailData="appDetailData"
 			></AppDescription>
-
-			<SpiltLine  />
-
 		</section>
 	</div>
 </template>