add a coffee machine anime

This commit is contained in:
Qing 2023-01-25 22:11:01 +08:00
parent 59992c31a6
commit d4ec1208ae
2 changed files with 21 additions and 4 deletions

View File

@ -2,6 +2,7 @@ import React, { useState } from 'react'
import { Coffee } from 'react-feather'
import Button from '../shared/Button'
import Modal from '../shared/Modal'
import CoffeeMachineGif from '../../media/coffee-machine-lineal.gif'
const CoffeeIcon = () => {
const [show, setShow] = useState(false)
@ -23,11 +24,27 @@ const CoffeeIcon = () => {
className="modal-setting"
show={show}
showCloseIcon={false}
>
<div
style={{
display: 'flex',
flexDirection: 'column',
}}
>
<h4 style={{ lineHeight: '24px' }}>
Hi there, If you found my project is useful, and want to help keep it
alive please consider donating! Thank you for your support!
Hi, if you found my project is useful, please conside buy me a
coffee to support my work. Thanks!
</h4>
<img
src={CoffeeMachineGif}
alt="coffee machine"
style={{
height: 150,
objectFit: 'contain',
}}
/>
</div>
<div
style={{
display: 'flex',

Binary file not shown.

After

Width:  |  Height:  |  Size: 422 KiB