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

fix MkUpdated

This commit is contained in:
ThatOneCalculator 2023-02-18 19:58:42 -08:00
parent cc7be70bdf
commit b8499df5eb
No known key found for this signature in database
GPG Key ID: 8703CACD01000000
1 changed files with 21 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
packages/client/src/components/MkUpdated.vue
View File

@ -1,15 +1,15 @@
<template> <template>
<MkModal ref="modal" :z-priority="'middle'" @click="modal.close()" @closed="$emit('closed')"> <MkModal ref="modal" :z-priority="'middle'" @click="$refs.modal.close()" @closed="$emit('closed')">
<div class="ewlycnyt"> <div :class="$style.root">
<div class="title"><MkSparkle>{{ i18n.ts.misskeyUpdated }}</MkSparkle></div> <div :class="$style.title"><MkSparkle>{{ i18n.ts.misskeyUpdated }}</MkSparkle></div>
<div class="version">✨ {{ version }} 🚀</div> <div :class="$style.version">✨ {{ version }} 🚀</div>
<div v-if="newRelease" class="releaseNotes"> <div v-if="newRelease" :class="$style.releaseNotes">
<Mfm :text="data.notes"/> <Mfm :text="data.notes"/>
<div v-if="data.screenshots.length > 0" style="max-width: 500"> <div v-if="data.screenshots.length > 0" style="max-width: 500">
<img v-for="i in data.screenshots" :key="i" :src="i" alt="screenshot"/> <img v-for="i in data.screenshots" :key="i" :src="i" alt="screenshot"/>
</div> </div>
</div> </div>
<MkButton class="gotIt" primary full @click="modal.close()">{{ i18n.ts.gotIt }}</MkButton> <MkButton :class="$style.gotIt" primary full @click="$refs.modal.close()">{{ i18n.ts.gotIt }}</MkButton>
</div> </div>
</MkModal> </MkModal>
</template> </template>
@ -39,7 +39,8 @@ console.log(data);
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.ewlycnyt { .root {
margin: auto;
position: relative; position: relative;
padding: 32px; padding: 32px;
min-width: 320px; min-width: 320px;
@ -48,24 +49,23 @@ console.log(data);
text-align: center; text-align: center;
background: var(--panel); background: var(--panel);
border-radius: var(--radius); border-radius: var(--radius);
}
> .title { .title {
font-weight: bold; font-weight: bold;
} }
> .version { .version {
margin: 1em 0; margin: 1em 0;
} }
> .gotIt { .gotIt {
margin: 8px 0 0 0; margin: 8px 0 0 0;
} }
> .releaseNotes {
> .releaseNotes {
> img { > img {
border-radius: 10px; border-radius: 10px;
} }
}
} }
</style> </style>