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

Binary file not shown.

After

Width:  |  Height:  |  Size: 422 KiB