profxadke/misskey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Improve ad style

Browse source
This commit is contained in:
ThatOneCalculator 2022-07-13 16:35:47 -07:00
parent a55e27ef88
commit 877c00a93d
1 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
packages/client/src/components/global/ad.vue
View file

@ -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 ad-circle"></span></button>
</a> </a>
</div> </div>
<div v-else class="menu"> <div v-else class="menu">
@ -119,6 +119,7 @@ export default defineComponent({
> .main { > .main {
text-align: center; text-align: center;
border-radius: 5px;
> a { > a {
display: inline-block; display: inline-block;
@ -139,9 +140,15 @@ export default defineComponent({
> .menu { > .menu {
position: absolute; position: absolute;
top: 0; top: 1px;
right: 0; right: 1px;
background: var(--panel); background: var(--panel);
> .ad-circle {
border: 3px solid var(--panel);
border-radius: 50%;
background: var(--panel);
}
} }
} }