Feat: メッセージの送受信 / New: ユーザーのiconプロパティ / New: logエンティティ・リポジトリ / Chg: コミュニティリポジトリのスキーマのiconをoptionalに / Del: 不要なimport / Fix: Vue起動前のindex.htmlの背景色をVueと同期 / Enhance: Service Workerを改善 / Fix: 最初に開いたページが動作しない問題 / Feat: 上部の通知モーダル / Feat: 閉じることができないエラーのモーダルに再読み込みボタンを追加 / Fix: はみ出す挙動などのCSSを修正

packages/frontend/src/routes/community/index.vue

@@ -38,27 +38,33 @@
 }
 
 .community {
-  width: 100%;
   height: 100%;
   display: flex;
+  padding-left: 1rem;
+  padding-right: 1rem;
 }
 
 .channels {
   display: flex;
   flex-direction: column;
-  padding: 1rem;
+  padding-top: 1rem;
+  box-sizing: border-box;
   width: 16rem;
   height: 100%;
   border-top-right-radius: 2rem;
   border-bottom-right-radius: 2rem;
 }
 
+.channels,
+.border {
+  flex-shrink: 0;
+}
+
 .channels a {
   display: flex;
   color: var(--text-color);
   text-decoration: none;
   gap: 0.25rem;
-  width: 100%;
   height: 2rem;
   border: 1px solid transparent;
   border-radius: 1rem;
@@ -70,7 +76,7 @@
 
 .channels a:hover,
 .channels a.isActive {
-  background-color: oklch(from var(--route-bg-color) calc(l - 0.02) c h);
+  background-color: var(--bg-sub-color);
 }
 
 .channels a.isActive {
@@ -102,6 +108,12 @@
   padding-top: 1rem;
   flex-grow: 1;
   height: 100%;
+  box-sizing: border-box;
+}
+
+.community-inner {
+  display: flex;
+  flex-direction: column;
 }
 </style>