목록개발's egg/Style (5)

새끼 개발자의 Life is egg

[CSS] audio tag style

audio { } audio::-webkit-media-controls-enclosure { } audio::-webkit-media-controls-panel { } audio::-webkit-media-controls-mute-button { } audio::-webkit-media-controls-play-button { } audio::-webkit-media-controls-timeline-container { } audio::-webkit-media-controls-current-time-display { } audio::-webkit-media-controls-time-remaining-display { } audio::-webkit-media-controls-timeline { } audi..
개발's egg/Style 2023. 10. 19. 10:32
[JSX] 리액트 줄바꿈

개행이 포함된 긴 문장을 작성했다. 내가 작성한 그대로 줄바꿈을 하 기 위해서 style 에 white-spa ce 요소를 추가해도 적용이 안됨 화면에 이렇게 나왔으면 좋겠는데 내가 작성한 그대로 줄바꿈을 하기 위해서 style에 white-space 요소를 추가해도 적용이 안됨 계속 이렇게 나왔음 방법은 아래처럼... { `내가 작성한 그대로 줄바꿈을 하 기 위해서 style 에 white-spa ce 요소를 추가해도 적용이 안됨` } {} 중괄호 안에 `` 백틱을 사용한다 white-space 요소엔 pre-line 또는 pre-wrap 원하는대로...
개발's egg/Style 2023. 10. 18. 17:08
[MUI] 버튼 대문자 적용 끄기

MUI에서 버튼을 사용하면 라벨을 소문자로 작성해도 대문자로 변환되어 나옴 text-transform 속성을 이용하면 된다. sx={{ textTransform: 'none' }}
개발's egg/Style 2023. 9. 19. 11:25
MUI DataGrid Row 선택 시 Cell 테두리 없애기

.MuiDataGrid-root .MuiDataGrid-cell:focus-within { outline: none !important; } 로우 선택했을 때 클릭한 셀의 테두리가 생기는 게 보기 싫었다 추가
개발's egg/Style 2023. 4. 8. 10:48
MUI: Tab value 초기값을 뭘로 하는게 좋을까

Tabs.js:305 MUI: The `value` provided to the Tabs component is invalid. None of the Tabs' children match with "0". You can provide one of the following values: 1. 리액트 MUI를 이용해서 화면을 그리고 있음 탭이 필요해서 만들고 const [curPipe, setCurPipe] = useState(0); ... value를 0으로 초기화하고 데이터가 들어오면 해당 데이터의 특정 인덱스값으로 세팅해서 쓰려는데 0인 인덱스가 없어서 해당 에러 메시지가 뜬다 이럴땐 Tab의 초기값을 false 로... const [curPipe, setCurPipe] = useState(false);
개발's egg/Style 2023. 3. 10. 13:59
Prev 1 Next