[update]

該当する檀家一覧がない場合の表示

src/app/pages/danka-list/danka-list.html

@@ -70,7 +70,7 @@
           </div>
 
           @if (filterDankaList.length === 0) {
-            <div>該当する檀家はありません。</div>
+            <div class="empty-message">該当する檀家はありません。</div>
           }
 
           @for (danka of filterDankaList; track danka.id) {

src/app/pages/danka-list/danka-list.scss

@@ -220,6 +220,18 @@
   font-weight: 800;
 }
 
+.empty-message {
+  margin-top: 16px;
+  padding: 24px;
+  border: 2px dashed #d8caba;
+  border-radius: 12px;
+  background: #fffdf9;
+  color: #7b6b5c;
+  font-size: 16px;
+  font-weight: 700;
+  text-align: center;
+}
+
 .help-panel {
   position: absolute;
   top: 0;