깜놀하는 해므찌로

IONIC ion modal custom radius 속성 주기 예시 / angular ionic 본문

IT

IONIC ion modal custom radius 속성 주기 예시 / angular ionic

agnusdei1207 2023. 6. 14. 17:27
반응형
SMALL

1. ion 태그는 shadow dom 을 생성

 

 

 

 

 

2. shadow dom 속성을 다루기 위해 전용 변수에 접근하자

 

 

 

 

 

3. 모달 전용 scss 생성

 

 

 

ion-modal {
  --border-radius: 0.5rem !important;
}

4. radius 설정

 

 

 

 

 

 

5. global.scss 에 import 

 

 

 

반응형
LIST

'IT' 카테고리의 다른 글

select drop down css 커스텀 예시  (0) 2023.06.15
tailwind 컬러 등록 자동화 예시 / generateColor  (0) 2023.06.15
Angular router config 활용 예시  (0) 2023.06.14
HTML Semantic tag / Angular - tailwind @apply 사용 예시  (0) 2023.06.14
Angular Kakao API Login 앵귤러 카카오 로그인 side of frontend  (0) 2023.06.14
'IT' Related Articles more