fix: have the aside bar be of constant width when on tablets.

Author: purifetchi

PinkSea.Frontend/src/components/TimeLineOekakiCard.vue

@@ -97,4 +97,10 @@ const openInNewTab = () => {
     width: calc(100% - 30px);
   }
 }
+
+@media (min-width: 768px) and (max-width: 932px) {
+  .oekaki-card {
+    width: calc((100% / 2) - 25px);
+  }
+}
 </style>

PinkSea.Frontend/src/layouts/PanelLayout.vue

@@ -171,7 +171,8 @@ const getCreateSomethingButtonName = computed(() => {
 
 .container aside {
   display: unset;
-  width: 260px;
+  max-width: 260px;
+  width: 100%;
   height: 100vh;
   background-size: 8px 8px;
   background-image: repeating-linear-gradient(45deg, #FFB6C1 0, #FFB6C1 0.8px, #FFFFFF 0, #FFFFFF 50%);