diff options
| author | おさむのひと <46447427+samunohito@users.noreply.github.com> | 2023-12-14 16:17:01 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-12-14 16:17:01 +0900 |
| commit | b9318d09ee39722f94eb6a2afccc385965cf4f54 (patch) | |
| tree | b78da83b4f441dceea6f72f9ff967c0a9f6195be /packages/frontend | |
| parent | fix: contextmenu does not appear when plugin enabled / devMode enabled (#12656) (diff) | |
| download | misskey-b9318d09ee39722f94eb6a2afccc385965cf4f54.tar.gz misskey-b9318d09ee39722f94eb6a2afccc385965cf4f54.tar.bz2 misskey-b9318d09ee39722f94eb6a2afccc385965cf4f54.zip | |
fix(frontend) リアクションの表示位置を微調整 (#12651)
* fix(frontend) リアクションの表示位置を微調整
* fix inline-flex
Diffstat (limited to 'packages/frontend')
| -rw-r--r-- | packages/frontend/src/components/MkReactionsViewer.reaction.vue | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/packages/frontend/src/components/MkReactionsViewer.reaction.vue b/packages/frontend/src/components/MkReactionsViewer.reaction.vue index 65a5c2374e..8de226802d 100644 --- a/packages/frontend/src/components/MkReactionsViewer.reaction.vue +++ b/packages/frontend/src/components/MkReactionsViewer.reaction.vue @@ -139,12 +139,14 @@ if (!mock) { <style lang="scss" module> .root { - display: inline-block; + display: inline-flex; height: 42px; margin: 2px; padding: 0 6px; font-size: 1.5em; border-radius: 6px; + align-items: center; + justify-content: center; &.canToggle { background: var(--buttonBg); @@ -183,7 +185,7 @@ if (!mock) { &.reacted, &.reacted:hover { background: var(--accentedBg); color: var(--accent); - box-shadow: 0 0 0px 1px var(--accent) inset; + box-shadow: 0 0 0 1px var(--accent) inset; > .count { color: var(--accent); |