diff options
| author | Balazs Nadasdi <yitsushi@gmail.com> | 2020-04-05 10:55:51 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-04-05 17:55:51 +0900 |
| commit | 10d72742f548d4e9ed187b1960dd3d5adab6a0e6 (patch) | |
| tree | a13c3004274f0934c19d1a3c3e370fcfc5e03ce8 /src/client/components | |
| parent | chore: Update dependencies :rocket: (diff) | |
| download | misskey-10d72742f548d4e9ed187b1960dd3d5adab6a0e6.tar.gz misskey-10d72742f548d4e9ed187b1960dd3d5adab6a0e6.tar.bz2 misskey-10d72742f548d4e9ed187b1960dd3d5adab6a0e6.zip | |
Ability to set header image for a Page (#6210)
* Ability to set header image for a Page
- Add header image to Page
- Show it on Page view
- Show correctly it on Page list view
- On the Page list view, pages have a light border
to make it easier to see an image belongs to a page
* Maybe it looks better
* Use <img> instead if <x-image>
* src -> :src; set width
* Update page.vue
Co-authored-by: syuilo <Syuilotan@yahoo.co.jp>
Diffstat (limited to 'src/client/components')
| -rw-r--r-- | src/client/components/page-preview.vue | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/src/client/components/page-preview.vue b/src/client/components/page-preview.vue index 5ba226c481..8c41a070bd 100644 --- a/src/client/components/page-preview.vue +++ b/src/client/components/page-preview.vue @@ -35,6 +35,7 @@ export default Vue.extend({ border: solid var(--lineWidth) var(--urlPreviewBorder); border-radius: 4px; overflow: hidden; + border: 1px solid var(--divider); &:hover { text-decoration: none; @@ -42,9 +43,8 @@ export default Vue.extend({ } > .thumbnail { - position: absolute; - width: 100px; - height: 100%; + width: 100%; + height: 200px; background-position: center; background-size: cover; display: flex; |