Responsive?

2026-03-22 01:46:36 +01:00
parent ea473c6f35
commit dc427f5981
2 changed files with 24 additions and 5 deletions
--- a/frontend/app/components/parts/TableHeader.vue
+++ b/frontend/app/components/parts/TableHeader.vue
@@ -44,7 +44,7 @@ onBeforeUnmount(() => {
                <HeaderLinks></HeaderLinks>
        </div>
        <div class="undertable">
-            <Sprite :path="spritePath" bottom="-141px" left="-75px" width="1300"></Sprite> 
+            <Sprite :path="spritePath" bottom="-141px" left="-75px"></Sprite> 
        </div>
        <div class="header-container">
            <SiteOptions></SiteOptions>
@@ -71,6 +71,18 @@ onBeforeUnmount(() => {
    margin-left: -425px;
    margin-bottom: 25px;
    user-select: none;
+
+    @media screen and (max-width: 1200px) and (min-width: 900px) {
+        left: -50px;
+        bottom: 20px;
+        margin-top: 350px;
+    }
+
+    @media screen and (max-width: 900px) {
+        left: 70px;
+        bottom: 50px;
+        margin-top: 250px;
+    }
 }

 .web-links {