From 5e40930f11078331061d50f8763057ec4918e04b Mon Sep 17 00:00:00 2001 From: syuilo Date: Tue, 4 May 2021 23:39:17 +0900 Subject: Fix style --- src/client/components/global/ad.vue | 21 ++++++++++++--------- 1 file changed, 12 insertions(+), 9 deletions(-) (limited to 'src/client/components') diff --git a/src/client/components/global/ad.vue b/src/client/components/global/ad.vue index 53e6e8b8bb..124e94c12f 100644 --- a/src/client/components/global/ad.vue +++ b/src/client/components/global/ad.vue @@ -85,16 +85,16 @@ export default defineComponent({ background-image: repeating-linear-gradient(45deg, transparent, transparent 8px, var(--ad) 8px, var(--ad) 14px ); > .main { + text-align: center; + > a { - display: block; + display: inline-block; position: relative; - margin: 0 auto; > img { display: block; - width: 100%; - height: 100%; object-fit: contain; + margin: auto; } > .menu { @@ -106,23 +106,26 @@ export default defineComponent({ } &.square { - > a { + > a , + > a > img { max-width: min(300px, 100%); - max-height: min(300px, 100%); + max-height: 300px; } } &.horizontal { padding: 8px; - > a { + > a , + > a > img { max-width: min(600px, 100%); - max-height: min(100px, 100%); + max-height: 100px; } } &.vertical { - > a { + > a , + > a > img { max-width: min(100px, 100%); } } -- cgit v1.2.3-freya From 925a61e4d75047ff5846cc67c4b6300274d69045 Mon Sep 17 00:00:00 2001 From: syuilo Date: Wed, 5 May 2021 14:06:57 +0900 Subject: :art: --- src/client/components/global/ad.vue | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) (limited to 'src/client/components') diff --git a/src/client/components/global/ad.vue b/src/client/components/global/ad.vue index 124e94c12f..ee2a7ebe92 100644 --- a/src/client/components/global/ad.vue +++ b/src/client/components/global/ad.vue @@ -90,6 +90,13 @@ export default defineComponent({ > a { display: inline-block; position: relative; + vertical-align: bottom; + + &:hover { + > img { + filter: contrast(120%); + } + } > img { display: block; @@ -119,7 +126,7 @@ export default defineComponent({ > a , > a > img { max-width: min(600px, 100%); - max-height: 100px; + max-height: 80px; } } -- cgit v1.2.3-freya From 44627c3b5f8d1daf10deae384595d6d343c167c8 Mon Sep 17 00:00:00 2001 From: syuilo Date: Wed, 5 May 2021 15:16:47 +0900 Subject: Update date-separated-list.vue --- src/client/components/date-separated-list.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'src/client/components') diff --git a/src/client/components/date-separated-list.vue b/src/client/components/date-separated-list.vue index c7ca67582a..9636ee053c 100644 --- a/src/client/components/date-separated-list.vue +++ b/src/client/components/date-separated-list.vue @@ -90,7 +90,7 @@ export default defineComponent({ } else { if (this.ad && item._shouldInsertAd_) { return [h(MkAd, { - class: 'ad', + class: 'a', // advertiseの意(ブロッカー対策) key: item.id + ':ad', prefer: 'horizontal', }), el]; -- cgit v1.2.3-freya