diff --git a/src/components/notification/notification.scss b/src/components/notification/notification.scss index b0da18f9..1a8f5c88 100644 --- a/src/components/notification/notification.scss +++ b/src/components/notification/notification.scss @@ -1,7 +1,8 @@ @import '../../_variables.scss'; .notification-reaction-emoji { - width: 40px; + width: 100%; + height: 24px; display: inline-flex; vertical-align: middle; flex-direction: column; diff --git a/src/components/status/status.scss b/src/components/status/status.scss index e2bb98ee..24550e89 100644 --- a/src/components/status/status.scss +++ b/src/components/status/status.scss @@ -150,7 +150,7 @@ flex-wrap: wrap; img { - aspect-ratio: 1 / 1; + aspect-ratio: auto } .nowrap { @@ -293,7 +293,7 @@ margin-right: 0; .emoji { - width: 14px; + width: auto; height: 14px; vertical-align: middle; object-fit: contain; diff --git a/src/components/user_list_popover/user_list_popover.vue b/src/components/user_list_popover/user_list_popover.vue index bdc3aa92..fcf49854 100644 --- a/src/components/user_list_popover/user_list_popover.vue +++ b/src/components/user_list_popover/user_list_popover.vue @@ -67,7 +67,8 @@ min-width: 5em; img { - width: 1em; + //絵文字サイズ対応 + //width: 1em; height: 1em; } }