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

theme-heo

Browse Source
This commit is contained in:
tangly1024.com
2023-07-17 18:39:11 +08:00
parent 1d8188633b
commit f4d54c83f5
37 changed files with 736 additions and 280 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/FlipCard.js
View File

@@ -17,13 +17,13 @@ export default function FlipCard(props) {
<div className={`flip-card-front ${props.className || ''}`} onMouseEnter={handleCardFlip}>
{props.frontContent}
</div>
<div className={`flip-card-back ${props.className || ''}`} onMouseOut={handleCardFlip}>
<div className={`flip-card-back ${props.className || ''}`} onMouseLeave={handleCardFlip}>
{props.backContent}
</div>
<style jsx>{`
.flip-card {
width: auto;
height: auto;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
transform-style: preserve-3d;
@@ -41,12 +41,10 @@ export default function FlipCard(props) {
.flip-card-front {
z-index: 2;
transform: rotateY(0);
background-color: #f1f1f1;
}
.flip-card-back {
transform: rotateY(180deg);
background-color: #888;
}
.flip-card.flipped {