Fix lint problems

zk-phi · Jul 18, 2021 · 03dc27f · 03dc27f
1 parent a1af615
commit 03dc27f
Showing 1 changed file with 8 additions and 9 deletions.
diff --git a/src/components/emoji/Reaction.vue b/src/components/emoji/Reaction.vue
@@ -21,12 +21,11 @@ export default defineComponent({
 
 <template>
   <div
-    :class="
-      'reaction' + (hasReacted ? ' reacted' : '') + (darkMode ? ' dark' : '')
-    "
-    @click="toggleReacted"
-  >
-    <img class="reaction_icon" :src="src" /> 5
+      :class="
+        'reaction' + (hasReacted ? ' reacted' : '') + (darkMode ? ' dark' : '')
+      "
+      @click="toggleReacted">
+    <img class="reaction_icon" :src="src"> 5
   </div>
 </template>
 
@@ -45,17 +44,17 @@ export default defineComponent({
 
 .reaction.reacted:not(.dark),
 .reaction.reacted:not(.dark):hover {
-  box-shadow: inset 0 0 0 1.5px rgb(29, 155, 209);
-  background-color: rgba(29, 155, 209, 0.1);
   color: rgb(18, 100, 163);
+  background-color: rgba(29, 155, 209, 0.1);
   border-color: transparent;
+  box-shadow: inset 0 0 0 1.5px rgb(29, 155, 209);
 }
 
 .reaction.reacted.dark,
 .reaction.reacted.dark:hover {
-  box-shadow: none;
   background-color: #1264a3;
   border-color: #1264a3;
+  box-shadow: none;
 }
 
 .reaction:hover {