sam/pleroma-fe
sam/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

add a mask to load shape to flow text around quicker

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
src/assets/pleromatan_apology_fox_mask.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
src/assets/pleromatan_apology_mask.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.3 KiB

5
src/components/update_notification/update_notification.js
View file

@ -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 () {