Fix: Fix events table width on mobile

3 years ago · 9e10f7d35f
parent 6caae725f9
commit 9e10f7d35f
1 changed files with 6 additions and 1 deletions
--- a/src/pages/DashboardHome.vue
+++ b/src/pages/DashboardHome.vue
@ -26,7 +26,7 @@
                </div>
            </div>

-            <div class="shadow-box table-shadow-box" style="overflow-x: scroll;">
+            <div class="shadow-box table-shadow-box" style="overflow-x: hidden;">
                <table class="table table-borderless table-hover">
                    <thead>
                        <tr>
@ -178,5 +178,10 @@ table {
    tr {
        transition: all ease-in-out 0.2ms;
    }
+
+    @media (max-width: 550px) {
+        table-layout: fixed;
+        overflow-wrap: break-word;
+    }
 }
 </style>