mirrors/misskey
1
0
Fork 1
mirror of https://github.com/misskey-dev/misskey.git synced 2026-07-25 10:54:56 +02:00
Code Releases Activity

Update MkMediaList.vue

Browse Source
This commit is contained in:
syuilo
2026-07-10 09:24:16 +09:00
parent 2e54afd3a7
commit dc07f0c6de
1 changed files with 1 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
packages/frontend/src/components/MkMediaList.vue
View File

@@ -203,6 +203,7 @@ defineExpose({
.media {
overflow: hidden; // clipにするとバグる
border-radius: 8px;
cursor: zoom-in;
}
@container (min-width: 500px) {
@@ -218,42 +219,4 @@ defineExpose({
}
}
}
:global(.pswp) {
--pswp-root-z-index: var(--mk-pswp-root-z-index, 2000700) !important;
--pswp-bg: var(--MI_THEME-modalBg) !important;
}
</style>
<style lang="scss">
.pswp__bg {
background: var(--MI_THEME-modalBg);
backdrop-filter: var(--MI-modalBgFilter);
}
.pswp__alt-text-container {
display: flex;
flex-direction: row;
align-items: center;
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
width: 75%;
max-width: 800px;
}
.pswp__alt-text {
color: var(--MI_THEME-fg);
margin: 0 auto;
text-align: center;
padding: var(--MI-margin);
border-radius: var(--MI-radius);
max-height: 8em;
overflow-y: auto;
text-shadow: var(--MI_THEME-bg) 0 0 10px, var(--MI_THEME-bg) 0 0 3px, var(--MI_THEME-bg) 0 0 3px;
white-space: pre-line;
}
</style>