pleroma-fe

commit: 420f29b6a460ead0a5b4d9ff61e3d3ca097bd798
parent 91422367d35372bd5977a5c091c80647e2628f6e
Author: Henry Jameson <me@hjkos.com>
Date:   Tue, 23 Aug 2022 02:01:56 +0300

add a mask to load shape to flow text around quicker

Diffstat:
A
src/assets/pleromatan_apology_fox_mask.png
0

A
src/assets/pleromatan_apology_mask.png
0

M
src/components/update_notification/update_notification.js
5
++++-

3 files changed, 4 insertions(+), 1 deletion(-)
diff --git a/src/assets/pleromatan_apology_fox_mask.png b/src/assets/pleromatan_apology_fox_mask.png
Binary files differ.
diff --git a/src/assets/pleromatan_apology_mask.png b/src/assets/pleromatan_apology_mask.png
Binary files differ.
diff --git a/src/components/update_notification/update_notification.js b/src/components/update_notification/update_notification.js
@@ -2,6 +2,8 @@ import Modal from 'src/components/modal/modal.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import pleromaTan from 'src/assets/pleromatan_apology.png'
 import pleromaTanFox from 'src/assets/pleromatan_apology_fox.png'
+import pleromaTanMask from 'src/assets/pleromatan_apology_mask.png'
+import pleromaTanFoxMask from 'src/assets/pleromatan_apology_fox_mask.png'
 
 import {
   faTimes
@@ -25,8 +27,9 @@ const UpdateNotification = {
   },
   computed: {
     pleromaTanStyles () {
+      const mask = this.pleromaTanVariant === pleromaTan ? pleromaTanMask : pleromaTanFoxMask
       return {
-        'shape-outside': 'url(' + this.pleromaTanVariant + ')'
+        'shape-outside': 'url(' + mask + ')'
       }
     },
     dynamicStyles () {