d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-06-05 23:16:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

theme-heo 博文列表分页

Browse Source
This commit is contained in:
tangly1024
2023-07-12 23:19:41 +08:00
parent 99bd4f3c99
commit 109c5d4c52
10 changed files with 182 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
components/FlipCard.js
View File

@@ -13,10 +13,14 @@ export default function FlipCard(props) {
}
return (
<div className={`flip-card ${isFlipped ? 'flipped' : ''}`} >
<div className={`flip-card-front ${props.className || ''}`} onMouseEnter={handleCardFlip}>{props.frontContent}</div>
<div className={`flip-card-back ${props.className || ''}`} onMouseLeave={handleCardFlip}>{props.backContent}</div>
<style jsx>{`
<div className={`flip-card ${isFlipped ? 'flipped' : ''}`} >
<div className={`flip-card-front ${props.className || ''}`} onMouseEnter={handleCardFlip}>
{props.frontContent}
</div>
<div className={`flip-card-back ${props.className || ''}`} onMouseOut={handleCardFlip}>
{props.backContent}
</div>
<style jsx>{`
.flip-card {
width: auto;
height: auto;
@@ -49,6 +53,6 @@ export default function FlipCard(props) {
transform: rotateY(180deg);
}
`}</style>
</div>
</div>
)
}