Просмотр исходного кода

[fix]

過去帳の没年月日と享年のスタイルを変更
poohr 1 неделю назад
Родитель
Сommit
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
                       <p class="family-person-sub">{{ kakocho.furigana || 'ふりがな未登録' }}</p>
286
                       <p class="family-person-sub">{{ kakocho.furigana || 'ふりがな未登録' }}</p>
287
                     </div>
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
                     </div>
292
                     </div>
293
 
293
 
294
                     <div>
294
                     <div>

+ 25
- 3
src/app/pages/danka-detail/danka-detail.scss Просмотреть файл

718
   background: #fff8ee;
718
   background: #fff8ee;
719
 }
719
 }
720
 
720
 
721
-.family-birth-age-cell {
721
+.family-birth-age-cell,
722
+.family-death-age-cell {
722
   display: flex;
723
   display: flex;
723
   align-items: center;
724
   align-items: center;
724
-  gap: 12px;
725
+  justify-content: space-around;
726
+  gap: 16px;
727
+  padding: 0 8px;
725
   color: #111111;
728
   color: #111111;
726
   font-size: 15px;
729
   font-size: 15px;
727
   line-height: 1.35;
730
   line-height: 1.35;
760
 
763
 
761
 .kakocho-member-table .family-table-header,
764
 .kakocho-member-table .family-table-header,
762
 .kakocho-member-table .family-table-row {
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
 .event-member-table .family-table-header,
788
 .event-member-table .family-table-header,

Загрузка…
Отмена
Сохранить