diff options
| author | Henry Jameson <me@hjkos.com> | 2022-08-08 12:17:32 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2022-08-08 12:17:32 +0300 |
| commit | 3f7cf52f531220113deda594bcc5f331cdf01951 (patch) | |
| tree | c85b37c8a8c8537be047387a5a8629431b8bfacf /src/components/update_notification/update_notification.vue | |
| parent | 95f03a56abe9211e5e9550f226ec0b4fbb18758d (diff) | |
proper animation
Diffstat (limited to 'src/components/update_notification/update_notification.vue')
| -rw-r--r-- | src/components/update_notification/update_notification.vue | 56 |
1 files changed, 28 insertions, 28 deletions
diff --git a/src/components/update_notification/update_notification.vue b/src/components/update_notification/update_notification.vue index 54cb686b..60cf189d 100644 --- a/src/components/update_notification/update_notification.vue +++ b/src/components/update_notification/update_notification.vue @@ -7,6 +7,7 @@ <div class="UpdateNotificationModal panel" :class="{ '-peek': !showingMore }" + :style="dynamicStyles" > <div class="panel-heading"> <span class="title"> @@ -14,10 +15,7 @@ </span> </div> <div class="panel-body"> - <div - ref="content" - class="content" - > + <div class="content"> <img class="pleroma-tan" :src="pleromaTanVariant" @@ -28,30 +26,32 @@ <p> {{ $t('update.big_update_content') }} </p> - <i18n-t - keypath="update.update_bugs" - tag="p" - class="extra-info" - > - <template #pleromaGitlab> - <a - target="_blank" - href="https://git.pleroma.social/" - >{{ $t('update.update_bugs_gitlab') }}</a> - </template> - </i18n-t> - <i18n-t - keypath="update.update_changelog" - tag="p" - class="extra-info" - > - <template #theFullChangelog> - <a - target="_blank" - href="https://pleroma.social/announcements/" - >{{ $t('update.update_changelog_here') }}</a> - </template> - </i18n-t> + <div class="extra-info-group" ref="animatedText"> + <i18n-t + keypath="update.update_bugs" + tag="p" + class="extra-info" + > + <template #pleromaGitlab> + <a + target="_blank" + href="https://git.pleroma.social/" + >{{ $t('update.update_bugs_gitlab') }}</a> + </template> + </i18n-t> + <i18n-t + keypath="update.update_changelog" + tag="p" + class="extra-info" + > + <template #theFullChangelog> + <a + target="_blank" + href="https://pleroma.social/announcements/" + >{{ $t('update.update_changelog_here') }}</a> + </template> + </i18n-t> + </div> </div> <div class="spacer-bottom" /> </div> |