diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2018-07-20 02:40:37 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2018-07-20 02:40:37 +0900 |
| commit | ec2b1ec3f0035466585d9cc2a7842e519e14e31a (patch) | |
| tree | 9a8e7c40e7b068d24b362a72552e456b1adddba7 /src/client/app/common | |
| parent | 4.24.1 (diff) | |
| download | misskey-ec2b1ec3f0035466585d9cc2a7842e519e14e31a.tar.gz misskey-ec2b1ec3f0035466585d9cc2a7842e519e14e31a.tar.bz2 misskey-ec2b1ec3f0035466585d9cc2a7842e519e14e31a.zip | |
#1334
Diffstat (limited to 'src/client/app/common')
| -rw-r--r-- | src/client/app/common/views/components/media-list.vue | 24 |
1 files changed, 18 insertions, 6 deletions
diff --git a/src/client/app/common/views/components/media-list.vue b/src/client/app/common/views/components/media-list.vue index 2f8a1943ad..cdfc2c8d3c 100644 --- a/src/client/app/common/views/components/media-list.vue +++ b/src/client/app/common/views/components/media-list.vue @@ -46,33 +46,45 @@ export default Vue.extend({ display grid grid-gap 4px + > * + overflow hidden + border-radius 4px + &[data-count="1"] grid-template-rows 1fr + &[data-count="2"] grid-template-columns 1fr 1fr grid-template-rows 1fr + &[data-count="3"] grid-template-columns 1fr 0.5fr grid-template-rows 1fr 1fr - :nth-child(1) + + > *:nth-child(1) grid-row 1 / 3 - :nth-child(3) + + > *:nth-child(3) grid-column 2 / 3 grid-row 2 / 3 + &[data-count="4"] grid-template-columns 1fr 1fr grid-template-rows 1fr 1fr - :nth-child(1) + > *:nth-child(1) grid-column 1 / 2 grid-row 1 / 2 - :nth-child(2) + + > *:nth-child(2) grid-column 2 / 3 grid-row 1 / 2 - :nth-child(3) + + > *:nth-child(3) grid-column 1 / 2 grid-row 2 / 3 - :nth-child(4) + + > *:nth-child(4) grid-column 2 / 3 grid-row 2 / 3 |