add a mask to load shape to flow text around quicker

This commit is contained in:
Henry Jameson 2022-08-23 02:01:56 +03:00
parent 91422367d3
commit 420f29b6a4
3 changed files with 4 additions and 1 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@ -2,6 +2,8 @@ import Modal from 'src/components/modal/modal.vue'
import { library } from '@fortawesome/fontawesome-svg-core' import { library } from '@fortawesome/fontawesome-svg-core'
import pleromaTan from 'src/assets/pleromatan_apology.png' import pleromaTan from 'src/assets/pleromatan_apology.png'
import pleromaTanFox from 'src/assets/pleromatan_apology_fox.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 { import {
faTimes faTimes
@ -25,8 +27,9 @@ const UpdateNotification = {
}, },
computed: { computed: {
pleromaTanStyles () { pleromaTanStyles () {
const mask = this.pleromaTanVariant === pleromaTan ? pleromaTanMask : pleromaTanFoxMask
return { return {
'shape-outside': 'url(' + this.pleromaTanVariant + ')' 'shape-outside': 'url(' + mask + ')'
} }
}, },
dynamicStyles () { dynamicStyles () {