diff options
Diffstat (limited to 'FrontEnd/src/app/views/home')
-rw-r--r-- | FrontEnd/src/app/views/home/TimelineListView.tsx | 18 | ||||
-rw-r--r-- | FrontEnd/src/app/views/home/home.sass | 16 |
2 files changed, 17 insertions, 17 deletions
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
|