MigrateRepos/decentralized-video-chat
1
0
Fork 0
mirror of https://github.com/ianramzy/decentralized-video-chat.git synced 2024-11-13 13:49:19 +08:00
Code Issues Releases Wiki Activity

Fix landing and newcall pages on mobile (#16)

Browse Source 
* removed unneeded rules

* fix landing and newcall pages on mobile

* apply prettier --write
This commit is contained in:
Chaphasilor 2020-04-12 20:16:51 +02:00 committed by GitHub
parent 9d8a4c3725
commit a55a39d217
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 40 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
public/css/landing.css vendored
View File

@ -1998,6 +1998,12 @@ textarea.form-input {
padding: 32px 24px;
}
@media (max-width: 640px) {
.section:first-of-type {
min-height: calc(100vh - (80px / 2));
}
}
.site-header {
position: absolute !important;
top: 0;
@ -2080,7 +2086,7 @@ textarea.form-input {
@media (max-width: 640px) {
.header-nav-toggle {
/* display: block; */
display: block;
}
.header-nav-toggle + .header-nav {
@ -2326,8 +2332,8 @@ textarea.form-input {
.section-inner {
position: relative;
padding-top: 0;
padding-bottom: 0;
padding-top: 48px;
padding-bottom: 48px;
}
.section-header {
@ -2567,12 +2573,12 @@ ul.pricing-item-features-list li {
}
.cta .section-inner {
padding-top: 24px;
padding-bottom: 24px;
padding-top: 48px;
padding-bottom: 48px;
}
.cta-slogan {
margin-bottom: 15px;
margin-bottom: 40px;
}
@media (min-width: 641px) {

27
public/css/newcall.css vendored Normal file
View File

@ -0,0 +1,27 @@
@media (max-width: 640px) {
.section:first-of-type {
min-height: 0;
}
section:first-of-type .hero-inner {
padding-top: 1rem;
padding-bottom: 0;
}
section:first-of-type .hero-inner .split-item {
padding: 0;
}
section:nth-of-type(2) {
margin-top: 2rem;
}
section:nth-of-type(2) .section-inner {
padding-top: 1rem;
padding-bottom: 0.5rem;
}
section:nth-of-type(2) .section-inner .cta-slogan {
margin-bottom: 1rem;
}
}

1
public/newcall.html vendored
View File

@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Zipcall</title>
<link rel="stylesheet" href="css/landing.css" />
<link rel="stylesheet" href="css/newcall.css" />
<link rel="shortcut icon" href="images/logo.svg" />
<meta property="og:title" content="Zipcall - Decentralized video calls" />
<meta