ash/iceshrimp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix style

Browse source
This commit is contained in:
syuilo 2021-05-04 23:39:17 +09:00
parent ddcdecd215
commit 711454eec2
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%);
} }
} }