diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2019-05-18 22:50:57 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2019-05-18 22:50:57 +0900 |
| commit | 318d7f265278e7f00a67346e25343914b0ece3c7 (patch) | |
| tree | bfb821d3d8357f00ea68d43a31bc7eca5c3d5219 /src/client/app/common | |
| parent | Avoid error (diff) | |
| download | sharkey-318d7f265278e7f00a67346e25343914b0ece3c7.tar.gz sharkey-318d7f265278e7f00a67346e25343914b0ece3c7.tar.bz2 sharkey-318d7f265278e7f00a67346e25343914b0ece3c7.zip | |
:art:
Diffstat (limited to 'src/client/app/common')
| -rw-r--r-- | src/client/app/common/views/components/page-preview.vue | 17 | ||||
| -rw-r--r-- | src/client/app/common/views/pages/pages.vue | 6 |
2 files changed, 10 insertions, 13 deletions
diff --git a/src/client/app/common/views/components/page-preview.vue b/src/client/app/common/views/components/page-preview.vue index d8fdbf4b04..e3e73bd08f 100644 --- a/src/client/app/common/views/components/page-preview.vue +++ b/src/client/app/common/views/components/page-preview.vue @@ -1,5 +1,5 @@ <template> -<router-link :to="`/@${page.user.username}/pages/${page.name}`" class="vhpxefrj" tabindex="-1" :class="{ shadow: $store.state.device.useShadow, round: $store.state.device.roundedCorners }"> +<router-link :to="`/@${page.user.username}/pages/${page.name}`" class="vhpxefrj" tabindex="-1"> <div class="thumbnail" v-if="page.eyeCatchingImage" :style="`background-image: url('${page.eyeCatchingImage.thumbnailUrl}')`"></div> <article> <header> @@ -32,16 +32,13 @@ export default Vue.extend({ display block overflow hidden width 100% - background var(--face) - - &.round - border-radius 8px - - &.shadow - box-shadow 0 4px 16px rgba(#000, 0.1) + border solid var(--lineWidth) var(--urlPreviewBorder) + border-radius 4px + overflow hidden - @media (min-width 500px) - box-shadow 0 8px 32px rgba(#000, 0.1) + &:hover + text-decoration none + border-color var(--urlPreviewBorderHover) > .thumbnail position absolute diff --git a/src/client/app/common/views/pages/pages.vue b/src/client/app/common/views/pages/pages.vue index d658728a19..9b0a19d455 100644 --- a/src/client/app/common/views/pages/pages.vue +++ b/src/client/app/common/views/pages/pages.vue @@ -7,7 +7,7 @@ <sequential-entrance animation="entranceFromTop" delay="25" tag="div" class="pages"> <x-page-preview v-for="page in pages" class="page" :page="page" :key="page.id"/> </sequential-entrance> - <ui-button v-if="existMore" @click="fetchMore()">{{ $t('@.load-more') }}</ui-button> + <ui-button v-if="existMore" @click="fetchMore()" style="margin-top:16px;">{{ $t('@.load-more') }}</ui-button> </div> </ui-container> @@ -133,11 +133,11 @@ export default Vue.extend({ > .new margin-bottom 16px - > * > .page + > * > .page:not(:last-child) margin-bottom 8px @media (min-width 500px) - > * > .page + > * > .page:not(:last-child) margin-bottom 16px </style> |