From 9d2efb381bdd4e3f162a502a1260542a9a7db44b Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Fri, 16 Apr 2021 18:01:38 +0800
Subject: ...

---
 FrontEnd/src/app/views/home/TimelineListView.tsx | 18 +++++++++---------
 FrontEnd/src/app/views/home/home.sass            | 16 ++++++++--------
 2 files changed, 17 insertions(+), 17 deletions(-)

(limited to 'FrontEnd/src/app/views/home')

diff --git a/FrontEnd/src/app/views/home/TimelineListView.tsx b/FrontEnd/src/app/views/home/TimelineListView.tsx
index 9c44a0c2..819e2322 100644
--- a/FrontEnd/src/app/views/home/TimelineListView.tsx
+++ b/FrontEnd/src/app/views/home/TimelineListView.tsx
@@ -20,8 +20,8 @@ const TimelineListItem: React.FC<TimelineListItemProps> = ({ timeline }) => {
   );
 
   return (
-    <div className="home-v2-timeline-list-item home-v2-timeline-list-item-timeline">
-      <svg className="home-v2-timeline-list-item-line" viewBox="0 0 120 100">
+    <div className="home-timeline-list-item home-timeline-list-item-timeline">
+      <svg className="home-timeline-list-item-line" viewBox="0 0 120 100">
         <path
           d="M 80,50 m 0,-12 a 12 12 180 1 1 0,24 12 12 180 1 1 0,-24 z M 60,0 h 40 v 100 h -40 z"
           fillRule="evenodd"
@@ -44,14 +44,14 @@ const TimelineListItem: React.FC<TimelineListItemProps> = ({ timeline }) => {
 const TimelineListArrow: React.FC = () => {
   return (
     <div>
-      <div className="home-v2-timeline-list-item">
-        <svg className="home-v2-timeline-list-item-line" viewBox="0 0 120 60">
+      <div className="home-timeline-list-item">
+        <svg className="home-timeline-list-item-line" viewBox="0 0 120 60">
           <path d="M 60,0 h 40 v 20 l -20,20 l -20,-20 z" fill="#007bff" />
         </svg>
       </div>
-      <div className="home-v2-timeline-list-item">
+      <div className="home-timeline-list-item">
         <svg
-          className="home-v2-timeline-list-item-line home-v2-timeline-list-loading-head"
+          className="home-timeline-list-item-line home-timeline-list-loading-head"
           viewBox="0 0 120 40"
         >
           <path
@@ -78,9 +78,9 @@ const TimelineListView: React.FC<TimelineListViewProps> = ({
   const { t } = useTranslation();
 
   return (
-    <div className="home-v2-timeline-list">
-      <div className="home-v2-timeline-list-item">
-        <svg className="home-v2-timeline-list-item-line" viewBox="0 0 120 120">
+    <div className="home-timeline-list">
+      <div className="home-timeline-list-item">
+        <svg className="home-timeline-list-item-line" viewBox="0 0 120 120">
           <path
             d="M 0,20 Q 80,20 80,80 l 0,40"
             stroke="#007bff"
diff --git a/FrontEnd/src/app/views/home/home.sass b/FrontEnd/src/app/views/home/home.sass
index 56049994..b4cda586 100644
--- a/FrontEnd/src/app/views/home/home.sass
+++ b/FrontEnd/src/app/views/home/home.sass
@@ -1,23 +1,23 @@
-.home-v2-timeline-list-item
+.home-timeline-list-item
   display: flex
   align-items: center
 
-.home-v2-timeline-list-item-timeline
+.home-timeline-list-item-timeline
   transition: background 0.8s
-  animation: 0.8s home-v2-timeline-list-item-timeline-enter
+  animation: 0.8s home-timeline-list-item-timeline-enter
   &:hover
     background: $gray-200
 
-@keyframes home-v2-timeline-list-item-timeline-enter
+@keyframes home-timeline-list-item-timeline-enter
   from
     transform: translate(-100%,0)
     opacity: 0
 
-.home-v2-timeline-list-item-line
+.home-timeline-list-item-line
   width: 80px
   flex-shrink: 0
 
-@keyframes home-v2-timeline-list-loading-head-animation
+@keyframes home-timeline-list-loading-head-animation
   from
     transform: translate(0,-30px)
     opacity: 1
@@ -25,5 +25,5 @@
   to
     opacity: 0
 
-.home-v2-timeline-list-loading-head
-  animation: 1s infinite home-v2-timeline-list-loading-head-animation
+.home-timeline-list-loading-head
+  animation: 1s infinite home-timeline-list-loading-head-animation
-- 
cgit v1.2.3