converted all vh used in x-axis to vw

This commit is contained in:
Václav Šmejkal 2024-05-25 12:05:28 +02:00
parent bfac6a2a0a
commit 8b540ad0b1
Signed by: ENGO150
GPG Key ID: 4A57E86482968843
5 changed files with 23 additions and 23 deletions

View File

@ -28,11 +28,11 @@
#dino
{
margin-left: auto;
margin-right: 2vh;
margin-right: 1.125vw;
}
#vasek
{
margin-right: auto;
margin-left: 2vh;
margin-left: 1.125vw;
}

View File

@ -12,7 +12,7 @@ body
#main_panel
{
position: absolute;
width: 130vh;
width: 73.125vw;
height: 95vh;
background: #6F7270;
@ -26,7 +26,7 @@ body
::-webkit-scrollbar
{
width: 0.75vh;
width: 0.422vw;
}
::-webkit-scrollbar-track
@ -73,7 +73,7 @@ body
#upper_panel img + img
{
margin-left: 0.25vh;
margin-left: 0.141vw;
}
#upper_panel img:hover
@ -114,7 +114,7 @@ body
{
position: absolute;
bottom: 0.3vh;
right: 0.3vh;
right: 0.169vw;
display: none;
}
@ -123,8 +123,8 @@ body
width: fit-content;
padding: 0.3vh;
padding-left: 0.9vh;
padding-right: 0.9vh;
padding-left: 0.506vw;
padding-right: 0.506vw;
background-color: #9E6812;
border: 1px solid #3E392F;
@ -244,7 +244,7 @@ body
.post_info
{
padding-left: 5vh;
padding-left: 2.813vw;
display: flex;
flex-direction: column;
@ -260,13 +260,13 @@ body
{
padding-top: 0.25vh;
padding-bottom: 0.25vh;
width: 20vh;
width: 11.25vw;
}
.post img
{
max-height: 20vh;
max-width: 20vh;
max-width: 11.25vw;
display: block;
margin-left: auto;
margin-right: auto;

View File

@ -14,14 +14,14 @@ body
/* margin-top: 1vh;
margin-left: 1vh; */
top: 1vh;
left: 1vh;
left: 0.563vw;
font-size: xx-large;
padding: 1vh;
border-radius: 0.5vh;
background-color: #B97C15;
color: #C1BFBE;
border-color: #4D2B09;
width: 8vh;
width: 4.5vw;
height: 8vh;
}

View File

@ -11,7 +11,7 @@ body
#textPole
{
width: 55.5vh;
width: 31.219vw;
height: 25.5vh;
resize: none;
border-radius: 0.5vh;
@ -26,7 +26,7 @@ body
::-webkit-scrollbar
{
width: 0.75vh;
width: 0.422vw;
}
::-webkit-scrollbar-track
@ -56,7 +56,7 @@ body
position: absolute;
margin-top: 50vh;
padding:auto;
margin-left: 15vh;
margin-left: 8.438vw;
}
.tlacitko
@ -66,15 +66,15 @@ body
border-color: #4D2B09;
margin-bottom: 1vh;
border-radius: 0.84vh;
border-width: 0.32vh;
width: 35vh;
border-width: 0.18vw;
width: 19.688vw;
height: 7vh;
font-size: larger;
}
#slideshow
{
width: 40vh;
width: 22.5vw;
height: 30vh;
position: fixed;
bottom: 0vh;
@ -125,8 +125,8 @@ body
#sub_btn
{
padding-right: 2vh;
padding-left: 2vh;
padding-right: 1.125vw;
padding-left: 1.125vw;
}
#login_buttons, #logout_button
@ -136,7 +136,7 @@ body
#login_buttons *
{
width: 17vh;
width: 9.563vw;
}
#logout_button

View File

@ -18,7 +18,7 @@
#sipky > button
{
width: 10vh;
width: 15.625vw;
height: 10vh;
font-size: xx-large;
border-radius: 0.5vh;