ソースを参照

[fix]

過去帳の没年月日と享年のスタイルを変更
poohr 1週間前
コミット
90ab23eafa
2個のファイルの変更28行の追加6行の削除
  1. 3
    3
      src/app/pages/danka-detail/danka-detail.html
  2. 25
    3
      src/app/pages/danka-detail/danka-detail.scss

+ 3
- 3
src/app/pages/danka-detail/danka-detail.html ファイルの表示

@@ -286,9 +286,9 @@
286 286
                       <p class="family-person-sub">{{ kakocho.furigana || 'ふりがな未登録' }}</p>
287 287
                     </div>
288 288
 
289
-                    <div>
290
-                      <p class="family-person-date">{{ formatDeathDateWithYear(kakocho.deathDate) }}</p>
291
-                      <p class="family-person-sub">享年 {{ kakocho.ageAtDeath || '未登録' }}</p>
289
+                    <div class="family-death-age-cell">
290
+                      <span>{{ formatDeathDateWithYear(kakocho.deathDate) }}</span>
291
+                      <span>享年 {{ kakocho.ageAtDeath || '未登録' }}</span>
292 292
                     </div>
293 293
 
294 294
                     <div>

+ 25
- 3
src/app/pages/danka-detail/danka-detail.scss ファイルの表示

@@ -718,10 +718,13 @@
718 718
   background: #fff8ee;
719 719
 }
720 720
 
721
-.family-birth-age-cell {
721
+.family-birth-age-cell,
722
+.family-death-age-cell {
722 723
   display: flex;
723 724
   align-items: center;
724
-  gap: 12px;
725
+  justify-content: space-around;
726
+  gap: 16px;
727
+  padding: 0 8px;
725 728
   color: #111111;
726 729
   font-size: 15px;
727 730
   line-height: 1.35;
@@ -760,7 +763,26 @@
760 763
 
761 764
 .kakocho-member-table .family-table-header,
762 765
 .kakocho-member-table .family-table-row {
763
-  grid-template-columns: 1.25fr 1.15fr 1.05fr 0.65fr 0.6fr 1.1fr 82px;
766
+  grid-template-columns: repeat(7, minmax(0, 1fr));
767
+  gap: 14px;
768
+}
769
+
770
+.kakocho-member-table .family-table-header > div,
771
+.kakocho-member-table .family-table-row > div {
772
+  min-width: 0;
773
+  text-align: left;
774
+  justify-content: flex-start;
775
+}
776
+
777
+.kakocho-member-table .family-death-age-cell {
778
+  width: 100%;
779
+  justify-content: flex-start;
780
+}
781
+
782
+.kakocho-member-table .family-table-header > div:last-child,
783
+.kakocho-member-table .family-table-row > div:last-child {
784
+  text-align: center;
785
+  justify-content: center;
764 786
 }
765 787
 
766 788
 .event-member-table .family-table-header,

読み込み中…
キャンセル
保存