natty
/
calckey
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: improve ad style (#8995) 

* Improve ad style

* 🎨

* `ad` -> `info`
This commit is contained in:
Kainoa Kanter 2022-07-16 01:50:12 -07:00 committed by GitHub
parent e9fd064624
commit 5619a3390d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
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 info-circle"></span></button>
</a> </a>
</div> </div>
<div v-else class="menu"> <div v-else class="menu">
@ -135,13 +135,19 @@ 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;
background: var(--panel);
> .info-circle {
border: 3px solid var(--panel);
border-radius: 50%;
background: var(--panel);
}
} }
} }