Update style of navbar logo

Author: kadiryazici

src/assets/mixins.scss

@@ -8,7 +8,8 @@
   text-shadow: 0 0 $size black, 0 0 $size black, 0 0 $size black, 0 0 $size black;
 }
 
-@mixin focus-visible {
+@mixin focus-visible($additionalShadow: null) {
+  outline: none;
   &:not([disabled])[data-focus-visible-added] {
     box-shadow: 0px 0px 0px 1px var(--white-faded);
   }

src/components/AppSidebar.vue

@@ -12,7 +12,9 @@ const store = useStore()
   <nav class="nav">
     <div class="upper">
       <img
+        class="nav-logo"
         role="button"
+        tabindex="0"
         width="30"
         height="30"
         title="Go to Gitification repository"
@@ -79,4 +81,16 @@ const store = useStore()
     margin-top: auto;
   }
 }
+
+.nav-logo {
+  opacity: .8;
+  @include focus-visible;
+  border:1px solid black;
+  border-radius: 50%;
+
+  &:hover,
+  &:active {
+    opacity: 1;
+  }
+}
 </style>