Mizah/mizzkey
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

🎨

Browse source
This commit is contained in:
syuilo 2023-06-02 14:13:36 +09:00
parent 91d790bbb6
commit 482b00df77
1 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
packages/frontend/src/components/MkMediaImage.vue
View file

@ -32,7 +32,7 @@
<div v-if="image.comment" :class="$style.indicator">ALT</div> <div v-if="image.comment" :class="$style.indicator">ALT</div>
<div v-if="image.isSensitive" :class="$style.indicator" style="color: var(--warn);">NSFW</div> <div v-if="image.isSensitive" :class="$style.indicator" style="color: var(--warn);">NSFW</div>
</div> </div>
<button :class="$style.menu" class="_button" @click.stop="showMenu"><i class="ti ti-dots"></i></button> <button :class="$style.menu" class="_button" @click.stop="showMenu"><i class="ti ti-dots" style="vertical-align: middle;"></i></button>
</template> </template>
</div> </div>
</template> </template>
@ -131,13 +131,14 @@ function showMenu(ev: MouseEvent) {
.menu { .menu {
display: block; display: block;
position: absolute; position: absolute;
border-radius: 6px; border-radius: 999px;
background-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3);
-webkit-backdrop-filter: var(--blur, blur(15px)); -webkit-backdrop-filter: var(--blur, blur(15px));
backdrop-filter: var(--blur, blur(15px)); backdrop-filter: var(--blur, blur(15px));
color: #fff; color: #fff;
font-size: 0.8em; font-size: 0.8em;
padding: 6px 8px; width: 32px;
height: 32px;
text-align: center; text-align: center;
bottom: 10px; bottom: 10px;
right: 10px; right: 10px;