全新popiart网站 react项目重构
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

54 lines
1012 B

.inspirationPanel {
min-width: 0;
}
.inspirationPanel__toolbarExtra {
flex: 1 1 auto;
min-width: 0;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.inspirationPanel__filters {
width: 408px;
height: 36px;
padding: 4px;
border-radius: 18px;
background: #ffffff;
box-sizing: border-box;
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 10px;
}
/* 设计稿:分类行底到「我的角色」标题区约 13px */
.inspirationPanel__content {
margin-top: 20px;
}
/* 角色素材:工具栏底到卡片网格顶约 10px(167 − 157) */
.inspirationPanel__content_material {
margin-top: 20px;
}
@media (max-width: 640px) {
.inspirationPanel__toolbarExtra {
flex-direction: column;
align-items: stretch;
gap: 10px;
}
.inspirationPanel__filters {
width: 100%;
overflow-x: auto;
scrollbar-width: none;
}
.inspirationPanel__filters::-webkit-scrollbar {
display: none;
}
}