Starlio/Starlio-web
1
0
Fork 0
mirror of https://github.com/Starlio-app/Starlio-web.git synced 2024-10-05 12:05:56 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

фикс кнопки и картинки

Browse source
This commit is contained in:
Данил 2024-09-18 16:08:23 +03:00
parent 4c885f077b
commit 2f0e43a994
1 changed files with 15 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
src/web/static/css/wallpaper.css
View file

@ -1,5 +1,5 @@
body { body {
background: #153E3F; background: #2F3041;
color: white; color: white;
font-family: 'Roboto', serif; font-family: 'Roboto', serif;
} }
@ -10,6 +10,7 @@ body {
border-radius: 8px; border-radius: 8px;
margin: 0 auto 0 auto; margin: 0 auto 0 auto;
display: flex; display: flex;
cursor: pointer;
} }
.wallpaper h1 { .wallpaper h1 {
@ -39,7 +40,7 @@ body {
.get-it-on { .get-it-on {
display: flex; display: flex;
margin: 5% auto 3% auto; margin: 0 auto 0 auto;
} }
} }
@ -63,11 +64,15 @@ body {
} }
@media (min-width: 992px) { @media (min-width: 992px) {
.wallpaper img { .wallpaper-img {
width: 65%; width: 500px;
height: 700px;
border-radius: 8px; border-radius: 8px;
margin: 0 auto 0 auto; margin: 0 auto 0 auto;
margin-bottom: 15%;
display: flex; display: flex;
cursor: pointer;
object-fit: cover;
} }
.desc { .desc {
@ -89,10 +94,11 @@ body {
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
.wallpaper img { .wallpaper-img {
width: 40%; width: 40%;
border-radius: 8px; border-radius: 8px;
float: left; float: left;
cursor: pointer;
} }
.wallpaper-text { .wallpaper-text {
@ -111,15 +117,14 @@ body {
} }
.get-it-on { .get-it-on {
display: block ; display: flex;
width: 70%; width: 50%;
margin-left: 15%;
margin-right: auto;
} }
} }
@media (min-width: 1400px) { @media (min-width: 1400px) {
.wallpaper img { .wallpaper-img {
max-width: 27%; max-width: 27%;
cursor: pointer;
} }
} }