diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2022-12-26 08:40:13 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2022-12-26 08:40:13 +0900 |
| commit | c95da270191293b8171f4f1197ef609905a9b911 (patch) | |
| tree | 8f94adf8c54dea64f32d0adedf5f4cf556525efb /packages/client/src/components/MkNotification.vue | |
| parent | encodeURIComponent for static image proxy filename (#9410) (diff) | |
| download | misskey-c95da270191293b8171f4f1197ef609905a9b911.tar.gz misskey-c95da270191293b8171f4f1197ef609905a9b911.tar.bz2 misskey-c95da270191293b8171f4f1197ef609905a9b911.zip | |
enhance(client): use container queries if available to improve perf
Diffstat (limited to 'packages/client/src/components/MkNotification.vue')
| -rw-r--r-- | packages/client/src/components/MkNotification.vue | 14 |
1 files changed, 14 insertions, 0 deletions
diff --git a/packages/client/src/components/MkNotification.vue b/packages/client/src/components/MkNotification.vue index 82965212f3..8b8d3f452d 100644 --- a/packages/client/src/components/MkNotification.vue +++ b/packages/client/src/components/MkNotification.vue @@ -306,4 +306,18 @@ useTooltip(reactionRef, (showing) => { } } } + +@container (max-width: 600px) { + .qglefbjs { + padding: 16px; + font-size: 0.9em; + } +} + +@container (max-width: 500px) { + .qglefbjs { + padding: 12px; + font-size: 0.85em; + } +} </style> |