format

traPtitech · Jan 4, 2025 · acd6832 · acd6832
1 parent 8d05380
commit acd6832
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 37 deletions.
diff --git a/src/components/Main/MainView/MessageElement/StampElement.vue b/src/components/Main/MainView/MessageElement/StampElement.vue
@@ -17,11 +17,11 @@
     </transition>
     <spin-number :value="stamp.sum" :class="$style.count" />
   </div>
-    <stamp-scaled-element
+  <stamp-scaled-element
     :class="$style.scaleReaction"
     :show="isHovered && !isDetailShown"
     :stamp="stamp"
-    />
+  />
 </template>
 
 <script lang="ts" setup>

diff --git a/src/components/Main/MainView/MessageElement/StampScaledElement.vue b/src/components/Main/MainView/MessageElement/StampScaledElement.vue
@@ -1,29 +1,23 @@
 <template>
-  <div
-  v-show="show"
-  :class="$style.scaleReaction"
-  >
+  <div v-show="show" :class="$style.scaleReaction">
     <transition name="scale-reaction">
       <!-- sizeを46より大きくすると見切れる -->
-        <a-stamp
-            :key="stamp.id"
-            :stamp-id="stamp.id"
-            :size="46"
-            :class="$style.stamp"
-            without-title
-        />
+      <a-stamp
+        :key="stamp.id"
+        :stamp-id="stamp.id"
+        :size="46"
+        :class="$style.stamp"
+        without-title
+      />
     </transition>
-    <stamp-detail-element
-    :class="$style.detail"
-    :stamp="stamp"
-  />
+    <stamp-detail-element :class="$style.detail" :stamp="stamp" />
   </div>
-  </template>
-  
-  <script lang="ts" setup>
-  import AStamp from '/@/components/UI/AStamp.vue'
-  import type { MessageStampById } from '/@/lib/messageStampList'
-  import StampDetailElement from './StampDetailElement.vue'
+</template>
+
+<script lang="ts" setup>
+import AStamp from '/@/components/UI/AStamp.vue'
+import type { MessageStampById } from '/@/lib/messageStampList'
+import StampDetailElement from './StampDetailElement.vue'
 
 const props = defineProps<{
   stamp: MessageStampById
@@ -33,26 +27,26 @@ const props = defineProps<{
 
 <style lang="scss" module>
 .scaleReaction {
-    @include color-ui-tertiary;
-    @include background-primary;
-    display: flex;
-    border-radius: 4px;
-    contain: none;
-    flex-wrap: wrap;
-    border: solid 2px $theme-ui-tertiary-default;
+  @include color-ui-tertiary;
+  @include background-primary;
+  display: flex;
+  border-radius: 4px;
+  contain: none;
+  flex-wrap: wrap;
+  border: solid 2px $theme-ui-tertiary-default;
 }
 .stamp {
-    margin: {
-        right: 0.2rem;
-        bottom: 0.2rem;
-    }
-    display: flex;
+  margin: {
+    right: 0.2rem;
+    bottom: 0.2rem;
+  }
+  display: flex;
 }
 
 .detail {
   color: var(--specific-count-text);
   @include color-ui-primary;
-  max-width : 500px;
+  max-width: 500px;
   min-width: 0;
   overflow: hidden;
   overflow: clip;
@@ -62,4 +56,3 @@ const props = defineProps<{
   }
 }
 </style>
-