Skip to content

Commit

Permalink
style
Browse files Browse the repository at this point in the history
hoothin committed Nov 14, 2023
1 parent 84e0850 commit 9fb4ade
Showing 2 changed files with 18 additions and 2 deletions.
16 changes: 16 additions & 0 deletions src/index.css
Original file line number Diff line number Diff line change
@@ -33,6 +33,19 @@ code {
.site-list-box.batch-edit .site-icon>span {
display: inline-flex;
}
.donate {
max-width: 30%;
transition: max-width 0.5s ease;
}
.donate:hover {
max-width: 100%;
}
.donateLinks {
transition: box-shadow 0.3s ease;
}
.donateLinks:hover {
box-shadow: rgb(0 0 0 / 60%) 3px 3px 15px;
}
@media screen and (max-width: 600px) {
#root>.MuiBox-root {
margin-left: 0px;
@@ -56,6 +69,9 @@ code {
#root>.MuiBox-root>.MuiList-root:not(.hide):hover a {
pointer-events: none;
}
.donate {
max-width: 100%;
}
}
.selectTxt>i,span.selectTxt {
background: #f3533a!important;
4 changes: 2 additions & 2 deletions src/page/About.jsx
Original file line number Diff line number Diff line change
@@ -56,7 +56,7 @@ export default function About() {
<img align='left' style={{width: '150px', maxWidth: '50%', boxShadow: 'rgb(0 0 0) 0px 0px 15px', marginRight: '20px', height: 'fit-content'}} src='avatar.jpg' alt='donate' loading="lazy"/>{window.i18n("donate")}
</Card>
<VolunteerActivismIcon/>
<Box sx={{ margin: '10px', boxShadow: 'rgb(0 0 0 / 30%) 3px 3px 15px', borderRadius: '3px', padding: '3px' }}>
<Box className='donateLinks' sx={{ margin: '15px', boxShadow: 'rgb(0 0 0 / 30%) 3px 3px 15px', borderRadius: '3px', padding: '3px' }}>
<Link href='https://ko-fi.com/hoothin' style={{verticalAlign: 'top'}} target="_blank">
<img style={{verticalAlign: 'bottom', marginRight: "5px"}} src='kofi.png' alt='kofi' loading="lazy"/>
[Ko-fi]
@@ -72,7 +72,7 @@ export default function About() {
[愛發電]
</Link>
</Box>
<img style={{maxWidth: '100%', borderRadius: '20px', boxShadow: 'rgb(0 0 0) 0px 0px 15px', margin: '10px'}} src='donate.jpg' alt='donate' loading="lazy"/>
<img style={{borderRadius: '20px', boxShadow: 'rgb(0 0 0) 0px 0px 15px', margin: '10px 10px 20px 10px'}} src='donate.jpg' className='donate' alt='donate' loading="lazy"/>
<Box sx={{borderTop: 1, borderColor: 'divider'}}>
<Card sx={{width: '100%', margin: '10px auto', textAlign: 'left', boxShadow: 'unset'}}>
<CardContent>

0 comments on commit 9fb4ade

Please sign in to comment.