Compare commits
4 commits
develop
...
ad-info-st
Author | SHA1 | Date | |
---|---|---|---|
|
ccc7ef43d7 | ||
|
7b4f2fff7e | ||
|
877c00a93d | ||
|
a55e27ef88 |
1 changed files with 10 additions and 4 deletions
|
@ -3,7 +3,7 @@
|
||||||
<div v-if="!showMenu" class="main" :class="ad.place">
|
<div v-if="!showMenu" class="main" :class="ad.place">
|
||||||
<a :href="ad.url" target="_blank">
|
<a :href="ad.url" target="_blank">
|
||||||
<img :src="ad.imageUrl">
|
<img :src="ad.imageUrl">
|
||||||
<button class="_button menu" @click.prevent.stop="toggleMenu"><span class="fas fa-info-circle"></span></button>
|
<button class="_button menu" @click.prevent.stop="toggleMenu"><span class="fas fa-info-circle info-circle"></span></button>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div v-else class="menu">
|
<div v-else class="menu">
|
||||||
|
@ -135,15 +135,21 @@ export default defineComponent({
|
||||||
display: block;
|
display: block;
|
||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .menu {
|
> .menu {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 1px;
|
||||||
right: 0;
|
right: 1px;
|
||||||
|
|
||||||
|
> .info-circle {
|
||||||
|
border: 3px solid var(--panel);
|
||||||
|
border-radius: 50%;
|
||||||
background: var(--panel);
|
background: var(--panel);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
&.square {
|
&.square {
|
||||||
> a ,
|
> a ,
|
||||||
|
|
Loading…
Reference in a new issue