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/MkNote.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/MkNote.vue')
| -rw-r--r-- | packages/client/src/components/MkNote.vue | 18 |
1 files changed, 14 insertions, 4 deletions
diff --git a/packages/client/src/components/MkNote.vue b/packages/client/src/components/MkNote.vue index 1feb161ada..a4100e1f2c 100644 --- a/packages/client/src/components/MkNote.vue +++ b/packages/client/src/components/MkNote.vue @@ -433,6 +433,8 @@ function readPromo() { min-width: 0; > .body { + container-type: inline-size; + > .cw { cursor: default; display: block; @@ -573,8 +575,10 @@ function readPromo() { > .reply { border-top: solid 0.5px var(--divider); } +} - &.max-width_500px { +@container (max-width: 500px) { + .tkcbzcuz { font-size: 0.9em; > .article { @@ -584,8 +588,10 @@ function readPromo() { } } } +} - &.max-width_450px { +@container (max-width: 450px) { + .tkcbzcuz { > .renote { padding: 8px 16px 0 16px; } @@ -605,8 +611,10 @@ function readPromo() { } } } +} - &.max-width_350px { +@container (max-width: 350px) { + .tkcbzcuz { > .article { > .main { > .footer { @@ -619,8 +627,10 @@ function readPromo() { } } } +} - &.max-width_300px { +@container (max-width: 300px) { + .tkcbzcuz { > .article { > .avatar { width: 44px; |