imageBorderRadius: 16
pageMaxWidth : 1000
<script>
document.querySelector('div[role=tablist]').parentElement.classList.add('tabWrapper')
document.querySelector('div[role=tablist]~div').classList.add('customSearchBarWrapper')
document.querySelector('div[role=tablist]~div>div').classList.add('customSearchBar')
document.querySelector('a>div[role=button]>div[contenteditable=false]').classList.add('DbHeader')
const menus = Array.prototype.slice.call(document.querySelectorAll('div[role=tablist]>div[role=menuitem]'))
const defaultMenu = document.querySelector('div[role=tablist]>div[role=menuitem]:first-child')
const selectedMenuClassName = defaultMenu.classList[0]
defaultMenu.style.display = 'none'
menus.forEach(function(menu){
menu.addEventListener('click', function(event){
const isSelected = menu.dataset.selected == 'true';
if(isSelected){
setTimeout(function(){
console.log(defaultMenu)
defaultMenu.click();
},10)
}else{
menus.forEach(function(menu){menu.dataset.selected = 'false'})
menu.dataset.selected = 'true';
}
})
})
</script>
<style>
.tabWrapper{
flex-direction: column-reverse;
height: auto;
}
.customSearchBarWrapper{
margin-left: 0;
width: 100%;
height: 40px;
justify-content: center;
}
.customSearchBar{
width: 100% !important;
max-width: 600px;
font-size: 16px !important;
border: 1px solid #a1a1a1;
border-radius: 15px !important;
padding: 12px 15px !important;
height: 40px !important;
margin-left: 0!important;
}
.customSearchBar>div{
margin-left: 0!important;
}
.DbHeader{
display: none;
}
.tabWrapper div[role=menuitem]{
border: none!important;
padding: 0!important;
}
.tabWrapper div[role=menuitem]>div[role=button] {
height: 30px;
border: 1px solid #a1a1a1;
border-radius: 20px;
margin: 10px 5px;
padding: 0 10px;
}
.tabWrapper div[role=menuitem][data-selected=true]>div[role=button] {
background: #494949;
color: white;
}
.tabWrapper div[role=menuitem][data-selected=true]>div[role=button]>div{
background-color: white!important
}
</style>
<!-- 페이지 링크: <https://info.mewpot.com/help-center> -->
<!--Custom HTML-->
<aside> <img src="/icons/light-bulb_gray.svg" alt="/icons/light-bulb_gray.svg" width="40px" /> 뮤팟의 서비스를 이용하시면서 고객님들께서 자주 물어보시는 질문들을 한 페이지에서 확인할 수 있도록 정리한 게시판입니다. 어떤 점이 궁금하실까요? 함께 알아보도록 해요!
</aside>