worldcone/cherrypick
2
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

modified to camel case

Browse source
This commit is contained in:
mappi 2023-06-09 19:28:24 +09:00
parent 79746be7a6
commit a787219cce
2 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
packages/frontend/src/components/MkUserInfo.vue
View file

@ -27,10 +27,10 @@
</template> </template>
<template v-else> <template v-else>
<div :class="$style.statusItem"> <div :class="$style.statusItem">
<p :class="$style.statusItemLabel">{{ i18n.ts.following }}</p><span :class="$style.statusItemValue"><i class="ti ti-lock" :class="[$style.keywigglearea, { [$style.animation]: animation }]"></i></span> <p :class="$style.statusItemLabel">{{ i18n.ts.following }}</p><span :class="$style.statusItemValue"><i class="ti ti-lock" :class="[$style.keyWiggleArea, { [$style.animation]: animation }]"></i></span>
</div> </div>
<div :class="$style.statusItem"> <div :class="$style.statusItem">
<p :class="$style.statusItemLabel">{{ i18n.ts.followers }}</p><span :class="$style.statusItemValue"><i class="ti ti-lock" :class="[$style.keywigglearea, { [$style.animation]: animation }]"></i></span> <p :class="$style.statusItemLabel">{{ i18n.ts.followers }}</p><span :class="$style.statusItemValue"><i class="ti ti-lock" :class="[$style.keyWiggleArea, { [$style.animation]: animation }]"></i></span>
</div> </div>
</template> </template>
</div> </div>
@ -150,7 +150,7 @@ const animation = $ref(defaultStore.state.animation);
right: 8px; right: 8px;
} }
.keywigglearea { .keyWiggleArea {
display: block; display: block;
} }

6
packages/frontend/src/components/MkUserPopup.vue
View file

@ -43,11 +43,11 @@
<template v-else> <template v-else>
<div :class="$style.statusItem"> <div :class="$style.statusItem">
<div :class="$style.statusItemLabel">{{ i18n.ts.following }}</div> <div :class="$style.statusItemLabel">{{ i18n.ts.following }}</div>
<div><i class="ti ti-lock" :class="[$style.keywigglearea, { [$style.animation]: animation }]"></i></div> <div><i class="ti ti-lock" :class="[$style.keyWiggleArea, { [$style.animation]: animation }]"></i></div>
</div> </div>
<div :class="$style.statusItem"> <div :class="$style.statusItem">
<div :class="$style.statusItemLabel">{{ i18n.ts.followers }}</div> <div :class="$style.statusItemLabel">{{ i18n.ts.followers }}</div>
<div><i class="ti ti-lock" :class="[$style.keywigglearea, { [$style.animation]: animation }]"></i></div> <div><i class="ti ti-lock" :class="[$style.keyWiggleArea, { [$style.animation]: animation }]"></i></div>
</div> </div>
</template> </template>
</div> </div>
@ -245,7 +245,7 @@ onMounted(() => {
right: 8px; right: 8px;
} }
.keywigglearea { .keyWiggleArea {
display: block; display: block;
margin: 0 auto; margin: 0 auto;
} }