fix buggy css

This commit is contained in:
hyperbel 2023-10-30 00:53:35 +01:00
parent 342844d3f6
commit 456072b074
2 changed files with 28 additions and 44 deletions

View File

@ -407,64 +407,48 @@ cursor: pointer;
position: relative;
width: 20px;
height: 20px;
}
}
.button-wrapper img {
.button-wrapper img {
width: 100%;
height: 100%;
background-color: transparent;
vertical-align: middle;
}
}
.button-wrapper:first-child {
.button-wrapper:first-child {
margin-right: 5%;
}
}
.button-wrapper:last-child {
.button-wrapper:last-child {
margin-left: 5%;
}
}
}
#next {
position: fixed;
top: 15%;
left: 55%;
/* Ende Chat */
/* Musik */
#music button {
width: 70px;
height: 30px;
padding: 30px;
background-color: #454443;
border-radius: 10px;
background-position: center;
background-repeat: no-repeat;
background-size: 40%;
background-image: url('/static/icons/next.png');
}
#back {
position: fixed;
top: 15%;
left: 35%;
width: 70px;
height: 30px;
padding: 30px;
background-color: #454443;
border-radius: 10px;
background-position: center;
background-repeat: no-repeat;
background-size: 30%;
background-image: url('/static/icons/back.png');
}
#play{
position: fixed;
top: 15%;
left: 45%;
width: 70px;
height: 30px;
height: 300px;
padding: 30px;
background-color: #454443;
border-radius: 10px;
background-position: center;
background-repeat: no-repeat;
background-size: 60%;
}
#music-next {
background-image: url('/static/icons/next.png');
}
#music-back {
background-image: url('/static/icons/back.png');
}
#music-play {
background-image: url('/static/icons/play.png');
}

View File

@ -191,9 +191,9 @@
<!-- Musik -->
<article id="music">
<h1>Musik</h1>
<button id="back"></button>
<button id="play"></button>
<button id="next"></button>
<button id="music-back"></button>
<button id="music-play"></button>
<button id="music-next"></button>
</article>
<!-- Mate -->