애플 로그인 로고 위치 변경 방법

JavaScript
1

기능구현은 했는데여… 디자인적인 부분인 로고위치를 변경을 못하겠습니다 ㅠ
커스텀 마이징 하는 방법도 감이 안옵니다… 어떤식으로 코드를 짜는지 궁굼합니다 ㅠㅠ

아래의 제 html 코드이고요

                            <div id="appleid-signin" class="signin-button" data-label-position="49"

                            data-logo-position="15"

                            data-border="false" data-type="sign-in" aria-label="Apple로 로그인"><span></span>

                            </div>

                        </div>

ejs 로 작업중이며…

스크립트 부분을 이런식으로응답값을 받고있습니다 ㅠㅠ
document.addEventListener(‘AppleIDSignInOnSuccess’, (data) => {

    //handle successful response

    console.log("AppleIDSignInOnSuccess")

    console.log(data.detail.authorization.id_token)

    auth.appleLogin(data.detail.authorization.id_token)

    //todo success logic

});

어떻게해야 넥슨 애플로그인처럼 디자인이 변경가능할까요?..

2

혹시 appleid-signing id를 이용하여 css에서 background혹은 다른 방법으로 url을 받아와 이미지를 사용 중이신가요 ?

ps . button내부에 이미지와 Text 파일을 자식으로 전달하여 상위 객체인 button내부에서 padding으로 자리 잡으시는 것을 추천드리겠습니다.

3

appleid-signing id를 이용하여 svg가 내부에서 그리고 있는데요 … 이벤트핸들러라던지… 어디에서 보고 참고를 하고 svg를 컨트롤해야할지 감이 안잡히네요…ㅠㅠㅠㅠ 텍스트 파일이 제가 컨트롤 가능한 부분인가요?ㅠㅠㅠㅠ 자체적으로 그리고있다보니깐… css 도 안먹혀요 ㅠㅠㅠㅠㅠㅠㅠㅠ

4

캡쳐해서 보여주시던지 아님 분석 할수있게 봐야알듯합니다