Skip to content

Commit

Permalink
add mobile voting
Browse files Browse the repository at this point in the history
  • Loading branch information
xathon committed Sep 28, 2021
1 parent b496a33 commit 959ed94
Show file tree
Hide file tree
Showing 4 changed files with 172 additions and 2 deletions.
84 changes: 84 additions & 0 deletions css/vote.style.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion css/vote.style.css.map

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

86 changes: 86 additions & 0 deletions css/vote.style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -41,6 +41,8 @@ form {
overflow: hidden;
margin: 0;
padding: 0;
width: 100%;
max-width: 1920px;
}

.logo__wrapper {
Expand Down Expand Up @@ -159,5 +161,89 @@ form {
transition: 1s ease-in;
}

@media (max-width: 576px) {
.container-fluid {
align-items: flex-end;
}
.main {
background: url("../images/background/background_mobile.png") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.background-buildings_img {
position: absolute;
aspect-ratio: 1030/1857;
width: 100vw;
max-width: 1030px;
max-height: 100vh;
bottom: 0;


background-image: url("../images/background/background_mobile_buildings.png");
background-repeat: no-repeat;
background-size: contain;

}
form {
width: 70%;
display: block ;
}
.logo1 {
height: 42%;
transform: skewY(4deg);
}
.logo2 {
transform: skewY(2deg);
}

.left {
margin: 17% 5% 0;
}

.right {
margin: 15% 5% 0;
}
.right .btn .name__wrapper {
position: absolute;
top: 0;
}
.right .btn .img__wrapper {
margin-top: 21%;
}


.logo__wrapper {

.img-fluid {
width: 100%;
position: relative;
cursor: pointer;
max-width: 260px;
max-height: 260px;
object-fit: contain;
}
}


.progress {
position: absolute;
margin-left: auto;
margin-right: auto;
left: -25%;
right: 90%;
bottom: 45%;
height: 8%;
width: 70%;
}
.name__wrapper {
width: 90%;
bottom: 13%;
}


}


2 changes: 1 addition & 1 deletion vote.php
Original file line number Diff line number Diff line change
Expand Up @@ -159,7 +159,7 @@
</div>
<form style="width: 100%;max-width: 1920px;" method="post">
<form method="post">
';
Expand Down

0 comments on commit 959ed94

Please sign in to comment.