From 44b65d1bfab3eeec1555e62aa6bd182cf2d257db Mon Sep 17 00:00:00 2001
From: Toby Chui <tobychui@users.noreply.github.com>
Date: Sun, 30 Mar 2025 12:34:37 +0800
Subject: [PATCH] Fixed homepage css bug on mobile view

---
 docs/index.html |  2 +-
 docs/main.css   | 23 ++++++++++++++++++++++-
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index f676d58..d327ffe 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -243,7 +243,7 @@
                 // Bildschirmfotos
             </h1>
         </div>
-        <div class="ui three column grid">
+        <div class="ui three column stackable grid">
             <div class="column">
                 <img class="ui fluid image screenshot" src="img/screenshots/1.png">
             </div>
diff --git a/docs/main.css b/docs/main.css
index ae82344..258c7c9 100644
--- a/docs/main.css
+++ b/docs/main.css
@@ -169,7 +169,6 @@ body.zh-cn *:not(i){
     text-align: left;
     position: absolute;
     top: 50%;
-    left: 10%;
     transform: translateX(0%) translateY(-50%);
     color: white;
 }
@@ -362,6 +361,10 @@ body.zh-cn *:not(i){
         width: auto;
     }
 
+    #slideshowBanner .title{
+        padding: 1em;
+    }
+
     #slideshowBanner .title .scrolldownTips{
         margin-top: 2em;
         display: block;
@@ -372,6 +375,24 @@ body.zh-cn *:not(i){
         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{
         background-color: rgb(243, 243, 243);
         border-width: 0;