Fix linter issues

zk-phi · Dec 20, 2024 · 9e0f749 · 9e0f749
1 parent bbf7f17
commit 9e0f749
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/src/components/emoji/Preview.vue b/src/components/emoji/Preview.vue
@@ -23,7 +23,7 @@ export default defineComponent({
       <img
           v-for="(col, j) in row"
           :key="j"
-          :class="`img large ${ rounded ? 'rounded' : ''}`"
+          :class="`img large ${ rounded ? 'mi2' : ''}`"
           :src="col">
     </div>
     <div>
@@ -35,7 +35,7 @@ export default defineComponent({
         <img
             v-for="(col, j) in row"
             :key="j"
-            :class="`img in_text ${ rounded ? 'rounded' : ''}`"
+            :class="`img in_text ${ rounded ? 'mi2' : ''}`"
             :src="col">
       </span>
       感じ。
@@ -81,7 +81,7 @@ export default defineComponent({
   background-size: contain;
 }
 
-.img.rounded {
+.img.mi2 {
   border-radius: 30%;
 }
 

diff --git a/src/components/emoji/RawResult.vue b/src/components/emoji/RawResult.vue
@@ -14,7 +14,7 @@ export default defineComponent({
     <img
         v-for="(col, j) in row"
         :key="j"
-        :class="`result-cell ${ rounded ? 'rounded' : ''}`"
+        :class="`result-cell ${ rounded ? 'mi2' : ''}`"
         :src="col">
   </div>
 </template>
@@ -28,7 +28,7 @@ export default defineComponent({
   border: 1px solid #aaa;
 }
 
-.result-cell.rounded {
+.result-cell.mi2 {
   border-radius: 30%;
 }
 </style>
diff --git a/src/components/emoji/Reaction.vue b/src/components/emoji/Reaction.vue
@@ -11,7 +11,7 @@ export default defineComponent({
 
 <template>
   <div class="reaction">
-    <img :class="`reaction_icon ${ rounded ? 'rounded' : ''}`" :src="src"> 5
+    <img :class="`reaction_icon ${ rounded ? 'mi2' : ''}`" :src="src"> 5
   </div>
 </template>
 
@@ -42,7 +42,7 @@ export default defineComponent({
   background-size: contain;
 }
 
-.reaction_icon.rounded {
+.reaction_icon.mi2 {
   border-radius: 30%;
 }
 </style>