diff options
| author | Kainoa Kanter <44733677+ThatOneCalculator@users.noreply.github.com> | 2022-07-16 01:50:12 -0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-07-16 17:50:12 +0900 |
| commit | 5619a3390df4632b156474335d1ce0328943d982 (patch) | |
| tree | ad922f378bae73db020febad506d052af79814b1 /packages | |
| parent | chore(client): tweak user-info routing (diff) | |
| download | misskey-5619a3390df4632b156474335d1ce0328943d982.tar.gz misskey-5619a3390df4632b156474335d1ce0328943d982.tar.bz2 misskey-5619a3390df4632b156474335d1ce0328943d982.zip | |
chore: improve ad style (#8995)
* Improve ad style
* :art:
* `ad` -> `info`
Diffstat (limited to 'packages')
| -rw-r--r-- | packages/client/src/components/global/ad.vue | 14 |
1 files changed, 10 insertions, 4 deletions
diff --git a/packages/client/src/components/global/ad.vue b/packages/client/src/components/global/ad.vue index 180dabb2a2..7725f776a9 100644 --- a/packages/client/src/components/global/ad.vue +++ b/packages/client/src/components/global/ad.vue @@ -3,7 +3,7 @@ <div v-if="!showMenu" class="main" :class="ad.place"> <a :href="ad.url" target="_blank"> <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> </div> <div v-else class="menu"> @@ -135,13 +135,19 @@ export default defineComponent({ display: block; object-fit: contain; margin: auto; + border-radius: 5px; } > .menu { position: absolute; - top: 0; - right: 0; - background: var(--panel); + top: 1px; + right: 1px; + + > .info-circle { + border: 3px solid var(--panel); + border-radius: 50%; + background: var(--panel); + } } } |