mirror/cherrypick
1
1
Fork 0
mirror of https://github.com/kokonect-link/cherrypick synced 2024-11-01 15:45:58 +09:00
Code

Fix style

Browse Source
This commit is contained in:
syuilo 2021-05-04 23:39:17 +09:00
parent 1a8f41010e
commit 5e40930f11
1 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/client/components/global/ad.vue
View File

@ -85,16 +85,16 @@ export default defineComponent({
background-image: repeating-linear-gradient(45deg, transparent, transparent 8px, var(--ad) 8px, var(--ad) 14px ); background-image: repeating-linear-gradient(45deg, transparent, transparent 8px, var(--ad) 8px, var(--ad) 14px );
> .main { > .main {
text-align: center;
> a { > a {
display: block; display: inline-block;
position: relative; position: relative;
margin: 0 auto;
> img { > img {
display: block; display: block;
width: 100%;
height: 100%;
object-fit: contain; object-fit: contain;
margin: auto;
} }
> .menu { > .menu {
@ -106,23 +106,26 @@ export default defineComponent({
} }
&.square { &.square {
> a { > a ,
> a > img {
max-width: min(300px, 100%); max-width: min(300px, 100%);
max-height: min(300px, 100%); max-height: 300px;
} }
} }
&.horizontal { &.horizontal {
padding: 8px; padding: 8px;
> a { > a ,
> a > img {
max-width: min(600px, 100%); max-width: min(600px, 100%);
max-height: min(100px, 100%); max-height: 100px;
} }
} }
&.vertical { &.vertical {
> a { > a ,
> a > img {
max-width: min(100px, 100%); max-width: min(100px, 100%);
} }
} }