Starlio/Starlio-web
1
0
Fork 0
mirror of https://github.com/Starlio-app/Starlio-web.git synced 2024-11-22 00:36:20 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

improved text optimization and text placement under screens

Browse source
This commit is contained in:
Данил 2023-07-26 15:11:26 +03:00
parent 45f7fb3120
commit 4408d1aae1
No known key found for this signature in database
GPG key ID: 5051BCD5AB064A7B
2 changed files with 66 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

45
localized-files/ru/static/css/main.css
View file

@ -31,7 +31,7 @@ a {
#title {
font-size: 2.5em;
margin-top: -160%;
margin-top: -170%;
}
#subtitle {
@ -60,7 +60,7 @@ a {
#title {
font-size: 3em;
margin-top: -130%;
margin-top: -140%;
}
#google-play, #github {
@ -69,14 +69,14 @@ a {
}
#get-it-on {
margin-top: -6.7%;
margin-top: -2%;
text-align: center;
}
}
@media (min-width: 768px) {
#devices {
margin: 39% auto;
margin: 33% auto;
}
#title {
@ -84,6 +84,14 @@ a {
margin-top: -110%;
}
#subtitle {
font-size: 1.2em;
}
#description {
font-size: 1.5em;
}
#description {
width: 90%;
margin: 0 auto;
@ -95,24 +103,25 @@ a {
}
#get-it-on {
margin-top: 1%;
margin-top: -6%;
text-align: center;
}
}
@media (min-width: 992px) {
#devices {
margin: 30% auto;
margin: 33% auto;
}
#title {
font-size: 4em;
margin-top: -95%;
margin-top: -106%;
}
#description {
width: 70%;
margin: 0 auto;
font-size: 1.3em;
}
#google-play, #github {
@ -121,14 +130,14 @@ a {
}
#get-it-on {
margin-top: -2%;
margin-top: -5%;
text-align: center;
}
}
@media (min-width: 1200px) {
#devices {
margin: 25% auto;
margin: 13% auto;
}
#title {
@ -141,9 +150,21 @@ a {
margin: 0 auto;
}
#subtitle {
font-size: 1.5em;
}
#description {
font-size: 1.5em;
}
#google-play, #github {
width: 20%;
height: 20%;
width: 25%;
height: 25%;
}
#devices {
margin-top: 25%;
}
#get-it-on {
@ -184,7 +205,7 @@ a {
}
#get-it-on {
margin-top: -25%;
margin-top: -35%;
margin-left: 47%;
}
}

45
static/css/main.css
View file

@ -31,7 +31,7 @@ a {
#title {
font-size: 2.5em;
margin-top: -160%;
margin-top: -170%;
}
#subtitle {
@ -60,7 +60,7 @@ a {
#title {
font-size: 3em;
margin-top: -130%;
margin-top: -140%;
}
#google-play, #github {
@ -69,14 +69,14 @@ a {
}
#get-it-on {
margin-top: -6.7%;
margin-top: -2%;
text-align: center;
}
}
@media (min-width: 768px) {
#devices {
margin: 39% auto;
margin: 33% auto;
}
#title {
@ -84,6 +84,14 @@ a {
margin-top: -110%;
}
#subtitle {
font-size: 1.2em;
}
#description {
font-size: 1.5em;
}
#description {
width: 90%;
margin: 0 auto;
@ -95,24 +103,25 @@ a {
}
#get-it-on {
margin-top: 1%;
margin-top: -6%;
text-align: center;
}
}
@media (min-width: 992px) {
#devices {
margin: 30% auto;
margin: 33% auto;
}
#title {
font-size: 4em;
margin-top: -95%;
margin-top: -106%;
}
#description {
width: 70%;
margin: 0 auto;
font-size: 1.3em;
}
#google-play, #github {
@ -121,14 +130,14 @@ a {
}
#get-it-on {
margin-top: -2%;
margin-top: -5%;
text-align: center;
}
}
@media (min-width: 1200px) {
#devices {
margin: 25% auto;
margin: 13% auto;
}
#title {
@ -141,9 +150,21 @@ a {
margin: 0 auto;
}
#subtitle {
font-size: 1.5em;
}
#description {
font-size: 1.5em;
}
#google-play, #github {
width: 20%;
height: 20%;
width: 25%;
height: 25%;
}
#devices {
margin-top: 25%;
}
#get-it-on {
@ -184,7 +205,7 @@ a {
}
#get-it-on {
margin-top: -25%;
margin-top: -35%;
margin-left: 47%;
}
}