Increase sidebar to 360px

src/renderer/components/TimelineSpace/Contents.vue

@@ -45,7 +45,7 @@ export default {
 
   .timeline-wrapper-with-side-bar {
     height: 100%;
-    width: -webkit-calc(100% - 320px);
+    width: calc(100% - 360px);
     overflow: auto;
     transition: all 0.5s;
     scroll-behavior: auto;

src/renderer/components/TimelineSpace/Contents/DirectMessages.vue

@@ -241,7 +241,7 @@ export default {
   .upper-with-side-bar {
     position: fixed;
     bottom: 20px;
-    right: -webkit-calc(20px + 320px);
+    right: calc(20px + 360px);
     transition: all 0.5s;
   }
 }

src/renderer/components/TimelineSpace/Contents/Favourites.vue

@@ -192,6 +192,6 @@ export default {
 .upper-with-side-bar {
   position: fixed;
   bottom: 20px;
-  right: -webkit-calc(20px + 320px);
+  right: calc(20px + 360px);
 }
 </style>

src/renderer/components/TimelineSpace/Contents/Hashtag/Tag.vue

@@ -249,7 +249,7 @@ export default {
 .upper-with-side-bar {
   position: fixed;
   bottom: 20px;
-  right: -webkit-calc(20px + 320px);
+  right: calc(20px + 360px);
 }
 </style>
 <style src="@/assets/timeline-transition.scss"></style>

src/renderer/components/TimelineSpace/Contents/Home.vue

@@ -210,7 +210,7 @@ export default {
   .upper-with-side-bar {
     position: fixed;
     bottom: 20px;
-    right: -webkit-calc(20px + 320px);
+    right: calc(20px + 360px);
     transition: all 0.5s;
   }
 }

src/renderer/components/TimelineSpace/Contents/Lists/Show.vue

@@ -248,7 +248,7 @@ export default {
 .upper-with-side-bar {
   position: fixed;
   bottom: 20px;
-  right: -webkit-calc(20px + 320px);
+  right: calc(20px + 360px);
 }
 </style>
 <style src="@/assets/timeline-transition.scss"></style>

src/renderer/components/TimelineSpace/Contents/Local.vue

@@ -239,7 +239,7 @@ export default {
   .upper-with-side-bar {
     position: fixed;
     bottom: 20px;
-    right: -webkit-calc(20px + 320px);
+    right: calc(20px + 360px);
   }
 }
 </style>

src/renderer/components/TimelineSpace/Contents/Notifications.vue

@@ -204,7 +204,7 @@ export default {
   .upper-with-side-bar {
     position: fixed;
     bottom: 20px;
-    right: -webkit-calc(20px + 320px);
+    right: calc(20px + 360px);
   }
 }
 </style>

src/renderer/components/TimelineSpace/Contents/Public.vue

@@ -239,7 +239,7 @@ export default {
   .upper-with-side-bar {
     position: fixed;
     bottom: 20px;
-    right: -webkit-calc(20px + 320px);
+    right: calc(20px + 360px);
   }
 }
 </style>

src/renderer/components/TimelineSpace/Contents/SideBar.vue

@@ -79,7 +79,7 @@ export default {
   position: fixed;
   top: 48px;
   right: 0;
-  width: 320px;
+  width: 360px;
   height: calc(100% - 48px);
   border-left: solid 1px var(--theme-border-color);
 
@@ -111,7 +111,7 @@ export default {
   transition: all 0.5s;
 }
 .slide-detail-enter, .slide-detail-leave-to {
-  margin-right: -320px;
+  margin-right: -360px;
   opacity: 0;
 }
 </style>