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>
<!--Custom HTML-->
Help Center 국문