chore(docs): fix border hover effect

edenia · Oct 30, 2023 · f47e8b9 · f47e8b9
1 parent 991cced
commit f47e8b9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -113,10 +113,10 @@
   <main>
     <div class="header">
       <div class="image-box">
-        <img alt="Antelope Tools Logo" id="middle-logo" src="./images/antelope-tools.svg">
+        <img alt="Antelope Tools Logo" id="middle-logo" class="theme-filter-image" src="./images/antelope-tools.svg">
         <img alt="" id="bg-image-mobile" src="./images/background-mobile.png">
       </div>
-      <div class="image-box-desktop">
+      <div class="image-box-desktop theme-filter-image">
         <img alt="Antelope Tools Logo" src="./images/antelope-tools.svg">
       </div>
       <div class="box-paragraph-text" id="d-version">
@@ -295,7 +295,7 @@ <h3>
       <h4 class="project-by">A Community Public Good built by</h4>
       <div class="logo-text">
         <a href="https://edenia.com/" target="_blank">
-          <img class="edeniaLogo" alt="EdeniaWeb3" src="./images/edenia-logo.png">
+          <img class="edeniaLogo theme-filter-image" alt="EdeniaWeb3" src="./images/edenia-logo.png">
         </a>
       </div>
     </div>

diff --git a/docs/styles.css b/docs/styles.css
@@ -235,7 +235,7 @@ p {
 }
 
 .grid-item:hover {
-  border: 2px solid var(--colors-primary);
+  outline: 2px solid var(--colors-primary);
   box-sizing: border-box;
 }
 
@@ -272,7 +272,7 @@ p {
   color: var(--contrast-text-color);
 }
 
-.edeniaLogo, .image-box-desktop, #middle-logo{
+.theme-filter-image{
   filter: var(--filter-img);
 }