Improve layout.

thape-cn · Dec 18, 2024 · 9336258 · 9336258
1 parent f732f04
commit 9336258
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 8 deletions.
diff --git a/app/javascript/stylesheets/timeline.css b/app/javascript/stylesheets/timeline.css
@@ -32,6 +32,7 @@
  visibility: visible;
  animation: cd-bounce-1 .8s;
 }
+
 .vertical-timeline-element-icon {
  position: absolute;
  top: 0;
@@ -45,13 +46,9 @@
 .badge-dot-xl {
  width: 18px;
  height: 18px;
- position: relative;
-}
-.badge:empty {
- display: none;
+ background: white;
 }
 
-
 .badge-dot-xl::before {
  content: '';
  width: 10px;
@@ -94,4 +91,4 @@
  content: "";
  display: table;
  clear: both;
-}
+}
diff --git a/app/views/home/index.html.erb b/app/views/home/index.html.erb
@@ -46,7 +46,7 @@
             <div class="vertical-timeline-item vertical-timeline-element">
               <div>
                 <span class="vertical-timeline-element-icon bounce-in">
-                  <i class="badge badge-dot badge-dot-xl badge-success"></i>
+                  <%= svg_icon('free.svg#cil-chevron-double-down', 'badge-dot-xl text-success') %>
                 </span>
                 <div class="vertical-timeline-element-content bounce-in">
                   <h4 class="timeline-title"><%= event.good_title %></h4>
@@ -73,7 +73,7 @@
             <div class="vertical-timeline-item vertical-timeline-element">
               <div>
                 <span class="vertical-timeline-element-icon bounce-in">
-                  <i class="badge badge-dot badge-dot-xl badge-danger"></i>
+                  <%= svg_icon('free.svg#cil-chevron-double-down', 'badge-dot-xl text-danger') %>
                 </span>
                 <div class="vertical-timeline-element-content bounce-in">
                   <h4 class="timeline-title"><%= event.bad_title %></h4>