profxadke/misskey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

refactor(client): Use unique class name

Browse source
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> <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"> <div class="head">
<mk-avatar v-if="notification.user" class="icon" :user="notification.user"/> <mk-avatar v-if="notification.user" class="icon" :user="notification.user"/>
<img v-else class="icon" :src="notification.icon" alt=""/> <img v-else class="icon" :src="notification.icon" alt=""/>
@ -115,7 +115,7 @@ export default Vue.extend({
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.mk-notification { .qglefbjs {
position: relative; position: relative;
box-sizing: border-box; box-sizing: border-box;
padding: 24px 32px; padding: 24px 32px;

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

@ -1,5 +1,5 @@
<template> <template>
<div class="mk-notifications"> <div class="mfcuwfyp">
<x-list class="notifications" :items="items" v-slot="{ item: notification }"> <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-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"/> <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> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.mk-notifications { .mfcuwfyp {
> .notifications { > .notifications {
> ::v-deep * { > ::v-deep * {
//margin-bottom: var(--margin); //margin-bottom: var(--margin);