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

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

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