usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

🎨

This commit is contained in:
syuilo 2025-12-06 18:46:13 +09:00
parent 8927a9e98a
commit 61f9c148f0
1 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
packages/frontend/src/components/MkMediaImage.vue
View File

@ -233,16 +233,18 @@ function showMenu(ev: MouseEvent) {
.hide { .hide {
display: block; display: block;
position: absolute; position: absolute;
border-radius: 6px; background-color: rgba(0, 0, 0, 0.3);
background-color: var(--MI_THEME-fg); -webkit-backdrop-filter: var(--MI-blur, blur(15px));
color: hsl(from var(--MI_THEME-accent) h s calc(l + 10)); backdrop-filter: var(--MI-blur, blur(15px));
border-radius: 0 0 0 9px;
color: #fff;
font-size: 12px; font-size: 12px;
opacity: .5; opacity: .5;
padding: 5px 8px; padding: 5px 8px;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
top: 12px; top: 0;
right: 12px; right: 0;
} }
.hiddenTextWrapper { .hiddenTextWrapper {
@ -272,17 +274,17 @@ html[data-color-scheme=light] .visible {
.menu { .menu {
display: block; display: block;
position: absolute; position: absolute;
border-radius: 999px;
background-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3);
-webkit-backdrop-filter: var(--MI-blur, blur(15px)); -webkit-backdrop-filter: var(--MI-blur, blur(15px));
backdrop-filter: var(--MI-blur, blur(15px)); backdrop-filter: var(--MI-blur, blur(15px));
border-radius: 9px 0 0 0;
color: #fff; color: #fff;
font-size: 0.8em; font-size: 0.8em;
width: 28px; width: 28px;
height: 28px; height: 28px;
text-align: center; text-align: center;
bottom: 10px; bottom: 0;
right: 10px; right: 0;
} }
.imageContainer { .imageContainer {