Update style for mobile

source/app/web/statics/style.css

@@ -3,6 +3,7 @@
     font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
     padding: 0;
     margin: 0;
+    background-color: var(--color-bg-canvas);
   }
   main {
     height: auto;
@@ -11,6 +12,9 @@
     display: flex;
     flex-direction: column;
   }
+  .flex {
+    display: flex;
+  }
 /* Title */
   .title {
     margin: 0;
@@ -32,7 +36,7 @@
   }
 /* Tabs */
   nav {
-    display: flex;
+    display: none;
     border-bottom: 1px solid var(--color-border-secondary);
     flex-shrink: 0;
     overflow-x: auto;
@@ -64,7 +68,6 @@
   nav .right {
     display: flex;
     border: none;
-    height: 100%;
   }
   nav .left {
     display: none;
@@ -288,10 +291,14 @@
     nav {
       margin: 32px 0 24px;
       overflow: hidden;
+      display: flex;
     }
     nav .left {
       display: block;
     }
+    nav .right {
+      height: 100%;
+    }
     .container {
       flex-direction: row;
     }
@@ -303,4 +310,7 @@
     .avatar {
       display: flex;
     }
+    .mobile {
+      display: none;
+    }
   }