Skip to content

Commit

Permalink
다크모드 효과 적용
Browse files Browse the repository at this point in the history
riroan committed Apr 9, 2024
1 parent 50d927c commit fffdf54
Showing 2 changed files with 4 additions and 1 deletion.
3 changes: 3 additions & 0 deletions riroan/src/App.css
Original file line number Diff line number Diff line change
@@ -2,13 +2,16 @@

.DefaultContainer {
background-color: #fff;
color: #000;
line-height: 1.4;
font-family: 'Pretendard';
transition: background-color 0.3s ease 0s, color 0.4s ease 0s;
}

.darkmode {
background-color: #1f1f1f;
color: #fafafa;
transition: background-color 0.3s ease 0s, color 0.4s ease 0s;
}

@media screen and (min-width: 768px) {
2 changes: 1 addition & 1 deletion riroan/src/components/Ul/Ul.js
Original file line number Diff line number Diff line change
@@ -3,7 +3,7 @@ import styles from './Ul.module.css'

export default function Ul(props) {
const defaultStyle = { transition: 'max-height 0.3s ease 0s, opacity 0.3s ease 0s', transformOrigin: 'center top' }
const visibleStyle = { maxHeight: '1000px', opacity: 1, pointerEvents: 'all', ...defaultStyle }
const visibleStyle = { maxHeight: '500px', opacity: 1, pointerEvents: 'all', ...defaultStyle }
const invisibleStyle = { maxHeight: '0px', opacity: 0, pointerEvents: 'none', ...defaultStyle }
return (
<ul style={props.display ? visibleStyle : invisibleStyle} className={styles.container}>

0 comments on commit fffdf54

Please sign in to comment.