24/11/29

 

 

썸네일 귀찮다
썸네일 안올리면 블로그 레이아웃이 안이뻐서 어쩔 수 없이 올린다 ><
바빠서 요새 바로 잠들어서
블로그 할 시간이 없다ㅋㅋㅋㅋ
 
 
오늘 블로그 PC버전 커스텀한 내용
무료 저작권 없는 배경음악(캐롤) 등록
사이드바 메뉴 hover 하면 글씨 핑크 그라데이션
메인 헤더 없애고 타이포그래피 커스텀
메인헤더/썸네일헤더 →  랜덤 명언 생성기
썸네일 헤더에 2024 인사말 
 
내일 6시반 한정식 식당 예약
12월 1일 -> 인프런 스프링, 코딩애플 강의 구매
구독버튼 안 뜨는 문제 해결하기
Liquid Button
 

---

 
티스토리 구독 버튼 태그
 

<div class="w-9 h-9"><button class="subscription flex justify-center items-center w-9 h-9 outline-0 rounded-full bg-h-200 text-h-500 hover:bg-h-300 dark:text-h-200 dark:bg-h-700 dark:hover:bg-h-600 btn_menu_toolbar btn_subscription #subscribe" x-data="{ subscribed: T.config.SUBSCRIPTION.isConnected }" x-show='T.config.ROLE !== "owner" && /^(.*tistory\.com)$/.test(location.hostname)' :data-blog-id="T.config.BLOG.id" :data-url="TistoryBlog.tistoryUrl" @click="subscribed = ! subscribed"><span class="text-hidden">구독하기</span><i class="fa-star text-sm" :class='subscribed ? "fa-solid" : "fa-regular"'></i></button></div>

 
로그아웃 해서 확인해보니 다크모드 버튼이랑 겹쳐서 뜬다.

 

 
해당 button태그를 div.flex.gap-x-3 태그안으로 옮겨서 해결

그러면 아래처럼 해당 요소들 사이에 간격이 생긴다.
 

 
이 문제 해결 하고 나니까
이제 구독 버튼 색상 바꾸는 처리를 해 줘야한다.
프로필사진에 그라데이션 테두리 커스텀했는데 css가 구독버튼에도 같이 먹혔다.

 

round-full 속성이 들어가 있었다...
아하
일단 그냥 round-full 속성을 빼버릴까 하다가
그럼 동그란 모양으로 안 뜨는거 아닌가..
확인해보고 안뜨면 프로필 사진에 테두리 효과를 새로운 클래스 줘서 먹여야 겠다....