Improve mobile responsiveness

2022-01-06 15:21:42 +01:00
parent ffcac982d0
commit f21e192a8f
7 changed files with 16 additions and 9 deletions
--- a/src/sass/profile/_base.scss
+++ b/src/sass/profile/_base.scss
@@ -51,9 +51,10 @@
    margin-bottom: unset;
 }

-@media(max-width: 600px) {
+@media(max-width: 700px) {
    .profile-tabs {
        width: 100vw;
+        max-width: 600px;

        .timeline-container {
            width: 100% !important;
@@ -71,3 +72,9 @@
        padding: 0;
    }
 }
+
+@media (min-height: 900px) {
+    .profile-tab.sticky {
+        position: sticky;
+    }
+}