OpenSource/misskey
OpenSource/misskey
1
0
Fork 0
mirror of https://github.com/misskey-dev/misskey.git synced 2024-12-28 18:48:31 +01:00
Code Issues Projects Releases Packages Wiki Activity

🎨

Browse source
This commit is contained in:
kakkokari-gtyih 2024-12-16 10:36:30 +09:00
parent 84289303b3
commit d5ca458c40
2 changed files with 9 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
packages/frontend/assets/hill.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 201 KiB

25
packages/frontend/src/components/MkWatermarkEditorDialog.vue
View file

@ -20,6 +20,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div :class="$style.watermarkEditorInputRoot"> <div :class="$style.watermarkEditorInputRoot">
<div :class="$style.watermarkEditorPreviewRoot"> <div :class="$style.watermarkEditorPreviewRoot">
<MkLoading v-if="canvasLoading" :class="$style.watermarkEditorPreviewSpinner"/> <MkLoading v-if="canvasLoading" :class="$style.watermarkEditorPreviewSpinner"/>
<canvas ref="canvas" :class="$style.watermarkEditorPreviewCanvas"></canvas>
<div :class="$style.watermarkEditorPreviewWrapper"> <div :class="$style.watermarkEditorPreviewWrapper">
<div class="_acrylic" :class="$style.watermarkEditorPreviewTitle">{{ i18n.ts.preview }}</div> <div class="_acrylic" :class="$style.watermarkEditorPreviewTitle">{{ i18n.ts.preview }}</div>
</div> </div>
@ -135,22 +136,14 @@ const canvasLoading = ref(true);
-webkit-user-drag: none; -webkit-user-drag: none;
} }
.watermarkEditorPreviewResizerRoot { .watermarkEditorPreviewCanvas {
position: relative; width: 100%;
flex: 1 0; height: 100%;
} padding: 20px;
box-sizing: border-box;
.watermarkEditorPreviewResizer { object-fit: contain;
position: absolute; pointer-events: none;
top: 50%; user-select: none;
left: 50%;
}
.watermarkEditorPreviewIframe {
display: block;
border: none;
width: 500px;
color-scheme: light dark;
} }
.watermarkEditorSettings { .watermarkEditorSettings {