Fixed homepage css bug on mobile view

This commit is contained in:
Toby Chui 2025-03-30 12:34:37 +08:00
parent 6cb9e8e427
commit 44b65d1bfa
2 changed files with 23 additions and 2 deletions

View File

@ -243,7 +243,7 @@
// Bildschirmfotos // Bildschirmfotos
</h1> </h1>
</div> </div>
<div class="ui three column grid"> <div class="ui three column stackable grid">
<div class="column"> <div class="column">
<img class="ui fluid image screenshot" src="img/screenshots/1.png"> <img class="ui fluid image screenshot" src="img/screenshots/1.png">
</div> </div>

View File

@ -169,7 +169,6 @@ body.zh-cn *:not(i){
text-align: left; text-align: left;
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 10%;
transform: translateX(0%) translateY(-50%); transform: translateX(0%) translateY(-50%);
color: white; color: white;
} }
@ -362,6 +361,10 @@ body.zh-cn *:not(i){
width: auto; width: auto;
} }
#slideshowBanner .title{
padding: 1em;
}
#slideshowBanner .title .scrolldownTips{ #slideshowBanner .title .scrolldownTips{
margin-top: 2em; margin-top: 2em;
display: block; display: block;
@ -372,6 +375,24 @@ body.zh-cn *:not(i){
transform: translateX(-50%); transform: translateX(-50%);
} }
#techspec .videoScrollBar{
overflow-x: auto;
display: block;
scrollbar-color: #e7e7e7 rgba(0, 0, 0, 0.1);
padding-top: 2em;
padding-bottom: 3em;
}
.introvideo {
display: block !important;
width: 100%;
margin-bottom: 1em;
}
.introvideo iframe{
width: 100%;
}
#download .stackable.tabular.menu .active.item{ #download .stackable.tabular.menu .active.item{
background-color: rgb(243, 243, 243); background-color: rgb(243, 243, 243);
border-width: 0; border-width: 0;