diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/App.jsx | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/src/App.jsx b/src/App.jsx index 300f1a0..4f230af 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -80,7 +80,7 @@ function App() { <Typography variant='overline' display='block' align='center'>🤑🤑 Sudahkah anda lembur hari ini? 🤑🤑</Typography> <Paper id="entry-paper" sx={{margin: '10px 0', padding: '20px'}} - elevation={elevatedId === "entry-paper" ? 5 : 0} // gak penting + elevation={elevatedId === "entry-paper" ? 5 : 2} // gak penting onMouseEnter={() => setElevatedId("entry-paper")} onMouseLeave={() => setElevatedId(null) } > @@ -121,7 +121,7 @@ function App() { <Grid container columnSpacing='5px' sx={{mb: '20px'}}> <Grid item xs={6}> <Paper id="result-paper" sx={{padding: '10px', minHeight: '100%'}} - elevation={elevatedId === "result-paper" ? 5 : 0} + elevation={elevatedId === "result-paper" ? 5 : 2} onMouseEnter={() => setElevatedId("result-paper")} onMouseLeave={() => setElevatedId(null) } > @@ -130,7 +130,7 @@ function App() { </Grid> <Grid item xs={6}> <Paper id="about-paper" sx={{padding: '10px', minHeight: '100%'}} - elevation={elevatedId === "about-paper" ? 5 : 0} + elevation={elevatedId === "about-paper" ? 5 : 2} onMouseEnter={() => setElevatedId("about-paper")} onMouseLeave={() => setElevatedId(null) } > |