Update FAQs.vue

transition to left border
YACS-RCOS · Dec 2, 2023 · ccfa2e1 · ccfa2e1
1 parent 9fb4bbb
commit ccfa2e1
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/web/src/pages/FAQs.vue b/src/web/src/pages/FAQs.vue
@@ -97,6 +97,7 @@ h1 {
   padding: 10px;
   cursor: pointer;
   border-left: 3px solid transparent;
+  transition: border-left 0.2s linear; /* Move this line here */
 }
 
 .faq-item.open {
@@ -110,6 +111,9 @@ h1 {
   cursor: pointer;
   font-weight: bold;
 }
+.faq-item h3:hover {
+  border-left: none; 
+}
 
 .divider {
   height: 1px;
@@ -155,5 +159,4 @@ h1 {
   transition: transform 0.3s ease;
 }
 
-</style>
-
+</style>