aboutsummaryrefslogtreecommitdiff
path: root/FrontEnd/src/app/views/home
diff options
context:
space:
mode:
Diffstat (limited to 'FrontEnd/src/app/views/home')
-rw-r--r--FrontEnd/src/app/views/home/TimelineListView.tsx18
-rw-r--r--FrontEnd/src/app/views/home/home.sass16
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