t510599/2021
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[Layout] modify layout of mobile version

Browse Source 
modify layout arrangement of mobile
This commit is contained in:
Snowmint 2021-01-19 21:48:55 +08:00
parent ae200357af
commit 5f8c3db71c
2 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/assets/scss/CFP/intro.scss
View File

@ -95,7 +95,7 @@ $buttonHoverBg: #226bb4;
width: 1100px;
@media screen and(max-width: 414px) {
margin-top: 60%;
margin-top: 50%;
width: 110%;
}
}
@ -110,7 +110,7 @@ $buttonHoverBg: #226bb4;
line-height: 42px;
@media screen and(max-width: 414px) {
margin-top: 30%;
margin-top: 40%;
width: 70%;
margin-bottom: 30%;
}
@ -214,8 +214,10 @@ $buttonHoverBg: #226bb4;
.enlarge {
font-size: $enlargeFontSize;
@media screen and (max-width: 414px) {
line-height: 80px;
line-height: 50px;
margin-bottom: 50px;
}
}
@ -234,6 +236,7 @@ $buttonHoverBg: #226bb4;
@media screen and (max-width: 414px) {
text-align: right;
margin-right: 30%;
margin-bottom: 30px;
}
}
@ -547,9 +550,9 @@ $buttonHoverBg: #226bb4;
@media screen and(max-width: 414px) {
z-index: 3;
margin-top: -890px;
margin-left: -150px;
margin-bottom: -1030px;
margin-top: -840px;
margin-left: -140px;
margin-bottom: -1060px;
transform: rotate(-7deg) scale(0.35);
}
}

3
src/components/CFP/Intro.vue
View File

@ -89,8 +89,9 @@
</svg>
<div class="box-back2" style="margin-top: 1000px;">
<div class="topic-intro">
<h1 class="right">2021 年會主題</h1>
<!-- <h1 class="right"></h1> -->
<h1 class="right">
2021 年會主題<br/>
<span class="enlarge">算盤的後裔</span>
</h1>
<p class="context">