mirror/cherrypick
1
1
Fork 0
mirror of https://github.com/kokonect-link/cherrypick synced 2024-11-01 07:35:57 +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 );
> .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%);
}
}