style: 移动端适配

This commit is contained in:
2026-03-19 15:15:38 +08:00
parent 4989bb7156
commit 6a08f2cede
11 changed files with 59 additions and 45 deletions

View File

@@ -91,6 +91,7 @@
{{ $t('AwardsPage.sendEmail') }}
</div>
</div>
<!-- <div class="contact-modal-mobile-wrapper"></div> -->
</div>
</template>
@@ -261,20 +262,6 @@ const handleBtnClick = () => {
</script>
<style lang="less" scoped>
.award-container {
overflow: auto;
height: 100vh;
// 隐藏滚动条箭头,只显示滚动条本体
box-sizing: border-box;
&::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
}
scrollbar-width: none;
-ms-overflow-style: none;
}
.header-wrapper {
.header-placeholder {
height: 8rem;
@@ -478,13 +465,13 @@ const handleBtnClick = () => {
width: 3.4rem;
height: 2.6rem;
}
.language{
.language {
padding: 0 0.56rem;
}
}
}
}
.footer{
.footer {
row-gap: 0.8rem;
flex-direction: column;
justify-content: center;