summaryrefslogtreecommitdiff
path: root/src/client/app/common/views/components
diff options
context:
space:
mode:
authorsyuilo <syuilotan@yahoo.co.jp>2019-05-18 22:50:57 +0900
committersyuilo <syuilotan@yahoo.co.jp>2019-05-18 22:50:57 +0900
commit318d7f265278e7f00a67346e25343914b0ece3c7 (patch)
treebfb821d3d8357f00ea68d43a31bc7eca5c3d5219 /src/client/app/common/views/components
parentAvoid error (diff)
downloadsharkey-318d7f265278e7f00a67346e25343914b0ece3c7.tar.gz
sharkey-318d7f265278e7f00a67346e25343914b0ece3c7.tar.bz2
sharkey-318d7f265278e7f00a67346e25343914b0ece3c7.zip
:art:
Diffstat (limited to 'src/client/app/common/views/components')
-rw-r--r--src/client/app/common/views/components/page-preview.vue17
1 files changed, 7 insertions, 10 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