From 5e40930f11078331061d50f8763057ec4918e04b Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Tue, 4 May 2021 23:39:17 +0900
Subject: [PATCH] Fix style
---
src/client/components/global/ad.vue | 21 ++++++++++++---------
1 file changed, 12 insertions(+), 9 deletions(-)
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%);
}
}