natty
/
calckey
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor(client): Use unique class name

This commit is contained in:
syuilo 2020-05-10 17:12:19 +09:00
parent aadfafaef9
commit bf9486edc2
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/client/components/notification.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="mk-notification" :class="notification.type" v-size="[{ max: 500 }, { max: 600 }]">
<div class="qglefbjs" :class="notification.type" v-size="[{ max: 500 }, { max: 600 }]">
<div class="head">
<mk-avatar v-if="notification.user" class="icon" :user="notification.user"/>
<img v-else class="icon" :src="notification.icon" alt=""/>
@ -115,7 +115,7 @@ export default Vue.extend({
</script>
<style lang="scss" scoped>
.mk-notification {
.qglefbjs {
position: relative;
box-sizing: border-box;
padding: 24px 32px;

4
src/client/components/notifications.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="mk-notifications">
<div class="mfcuwfyp">
<x-list class="notifications" :items="items" v-slot="{ item: notification }">
<x-note v-if="['reply', 'quote', 'mention'].includes(notification.type)" :note="notification.note" :key="notification.id"/>
<x-notification v-else :notification="notification" :with-time="true" :full="true" class="_panel notification" :key="notification.id"/>
@ -86,7 +86,7 @@ export default Vue.extend({
</script>
<style lang="scss" scoped>
.mk-notifications {
.mfcuwfyp {
> .notifications {
> ::v-deep * {
//margin-bottom: var(--margin);