Customise outline on search filter input field

ksaswin · May 3, 2023 · bcf59ca · bcf59ca
1 parent 0d481b0
commit bcf59ca
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/AllSections.vue b/src/components/AllSections.vue
@@ -305,7 +305,6 @@ function addNewSection(sectionName: string):void {
       box-shadow: 0px 4px 4px #363636;
       margin-left: 25px;
       padding: 0px 10px 0px 10px;
-      outline-color: yellow;
       border: none;
       text-decoration: none;
       display: flex;
@@ -315,6 +314,10 @@ function addNewSection(sectionName: string):void {
       width: 270px;
       cursor: pointer;
       margin-bottom: 10px;
+
+      &:focus {
+        outline: 2px solid rgb(84, 181, 132);
+      }
     }
 
     .section-name {